css3 - 样式输入范围背景

Question

根据这张图片，我需要调整输入范围的样式：

我设法在range.scss mixin的帮助下做到了这一点，但我遇到的问题是，当步骤未到达时我如何设置背景样式。
从0到步骤75的所有内容都应为绿色，其余为灰色。

我只找到了完整背景的一些选项，而不只是已经拖动的步骤。有什么想法吗？

Answer 1

显然，范围所在的行称为轨道，Css技巧有一篇关于如何自定义范围输入的详细文章。

以下是链接：https://css-tricks.com/styling-cross-browser-compatible-range-inputs-css/

希望这会有所帮助。