如何改变颜色progress[value]::-webkit-progress-value { background-color: #00bdf8; }在用户选择的不同值下，当用户选择 30% 时，颜色应为红色，60% 时为黄色，然后为绿色<input type="range" max="100" step="1" class="inputseekbar" id="range"> <progress max="100" id="progressbarcolor"></progress> <output for="range" class="output"></output>什么是 JS 或 Jquery<output> 标签用于显示“%”。
2 回答
暮色呼如
TA贡献1853条经验 获得超9个赞
请检查 30% 的值
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
progress {
color: red;
background: green
}
progress::-webkit-progress-value {
background: red;
}
progress::-moz-progress-bar {
background: green;
}
</style>
</head>
<body>
<input type="range" max="100" step="1" class="inputseekbar" id="range">
<progress max="100" value="30" id="progressbarcolor"></progress>
<output for="range" class="output"></output>
</body>
</html>
添加回答
举报
0/150
提交
取消