HTML:我可以在滑块栏的范围内添加标签吗?

时间:2016-05-17 18:16:18

标签: html css

我有一个滑块。该滑动条具有颜色编码范围(例如绿色0 <25,黄色26 <50,橙色51 <75,红色76 <100)并且我想在滑动条本身上的那些范围内添加文本标签,或者只是作为滑块下方的标签。有没有一种方法可以做到这一点,而不必匹配像素到像素?滑块的宽度也基于宽度百分比(宽度:85%),因此具有固定选项并非理想。

滑条代码:

&#13;
&#13;
1
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:1)

您可以创建一个ul标签,并根据它们的百分比进行定位。

<ul class="colors"> <li class="green">Green</li> <li class="yellow">Yellow</li> <li class="orange">Orange</li> <li class="red">Red</li> </ul>

示例:https://jsfiddle.net/vx0jn7yf/