皮瓜地

我们页面一般遇到的是单向的进度滑块，很少遇到双向的滑块。 双向滑块的场景有：左右声道的调节、明暗亮度的调节等，如头图所示。 我们利用 input range 可以实现进度的控制。那么双向可以巧用渐变的障眼法来实现。 进度条分别为50%黑色，50%蓝色。 注意，与背景不同的是，进…