CSS3 - 造型输入范围的背景

Question

我需要我的样式输入范围，根据这一形象：

我设法做到这一点与range.scss混入的帮助，但我的问题是，如何当没有到达步骤时，我可以设置背景的样式。
从0到步骤75的所有内容应该是绿色的，其余的是灰色的。

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

Answer 1

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

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

希望这会有所帮助。