多滑块控制器

Question

我正在尝试构建this controller in javascript，但是由于在搜索时没有得到想要的东西（我搜索了 sliders 或音量滑块或多滑块，但我没有显示。

解释；

• 有25个压力控制器（该应用程序将从2开始，但每个级别/阶段的数量都会增加）
• 所有滑块都有一个共同的MAX和MIN（现在说0和100）
• 每个滑块的条形都有一个MIN（绿色三角形），MAX（红色三角形）和实际（黄色三角形）
• 用户可以移动3点中的每一个（将其值发送到控制器外部）
• 滑块的MIN和MAX不能超过实际值。
• 听起来可能很傻，但MIN和MAX可能与实际值相同。
• 上一个管道的MIN不能低于下一个管道的MIN
• 类似地，下一个管道的MAX不能低于前一个管道的MAX
• 这些号码需要从控制器中发送出去。

我没有太多的JavaScript经验，但是到目前为止，我只有一个带有1个可移动手柄的水平滑块（不是我想要的三角形，但这是一个开始）。

我认为我的第一步是以某种方式使其垂直，并为MIN和MAX设置2个控制点，复制代码以制作更多的滑块，然后以某种方式在各个幻灯片之间进行验证。

任何有关如何从此处进行的帮助都将非常有用。我宁愿不使用库，因为在使用库时会遇到问题（不确定它们是否在此处被阻塞）。