【问题标题】：How to make multiple line sliders in circular form?如何制作圆形的多条线滑块？
【发布时间】：2020-05-15 16:45:33
【问题描述】：

我找不到任何解决方案来制作圆形形式的多行滑块。我试图在 roundSlider 的帮助下做到这一点 https://roundsliderui.com/demos.html 但无法实现。请建议我需要使用哪个滑块？

它需要看起来像这样，但每个破折号将是一个不同的滑块？

【问题讨论】：

你到底想要什么？
建议，如何实现这种类型的滑块？
噗，不容易啊。首先你需要知道如何通过 css 绘制圆形仪表，然后控制鼠标向下和鼠标向上。我前段时间做了一些类似的。如果您愿意，可以在第一步签入stackblitz.com/edit/…。如果我有时间解释，我会回答

【解决方案1】：

这可以通过roundSlider 插件本身来实现。 1.4.0版本发布了SVG模式，使用它可以实现类似的外观。

查看以下演示：

`DEMO`

【讨论】：