如何更改“progress[value]::-webkit-progress-value”

如何改变颜色

progress[value]::-webkit-progress-value {

background-color: #00bdf8;

}

在用户选择的不同值下，当用户选择 30% 时，颜色应为红色，60% 时为黄色，然后为绿色

什么是 JS 或 Jquery

<output> 标签用于显示“%”。

慕村9548890

浏览 236回答 2

2回答

暮色呼如

请检查 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>

随时随地看视频慕课网APP