Javascript 如何更改进度条(JS或CSS)的颜色

Javascript 如何更改进度条(JS或CSS)的颜色,javascript,html,css,progress-bar,background-color,Javascript,Html,Css,Progress Bar,Background Color,我在这里看到了一个完美的话题: 我想在我的web项目中插入这样的进度条 所以我跟着 功能移动{ var progress=document.getElementByIdprogressbar; var宽度=1; var id=setIntervalframe,10; 功能框架{ 如果宽度>=100{ 清晰有效; }否则{ 宽度++; 进度值=宽度 } } } .进步是巨大的{ 高度:40px; } Click Me是可以更改的各种伪类,但这是特定于浏览器的。请参阅下面的演示。请注意,至少在Ch

我在这里看到了一个完美的话题:

我想在我的web项目中插入这样的进度条

所以我跟着

功能移动{ var progress=document.getElementByIdprogressbar; var宽度=1; var id=setIntervalframe,10; 功能框架{ 如果宽度>=100{ 清晰有效; }否则{ 宽度++; 进度值=宽度 } } } .进步是巨大的{ 高度:40px; }
Click Me是可以更改的各种伪类,但这是特定于浏览器的。请参阅下面的演示。请注意,至少在Chrome中,必须设置进度元素本身的背景才能应用对条的更改。不完全清楚原因

功能移动{ var progress=document.getElementByIdprogressbar; var宽度=1; var id=setIntervalframe,10; 功能框架{ 如果宽度>=100{ 清晰有效; }否则{ 宽度++; 进度值=宽度 } } } .进展{ 高度:40px; 背景:黑色; } .progress::-moz进度条 { 背景:红色; } .progress::-webkit进度条 { 背景:透明; } .progress::-webkit进度值 { 背景:红色; }
单击我您应该使这些链接可单击,并从代码笔中提取一些代码,以便其他人可以在此处查看。这将使其他人更容易回答您的问题您在使用Jquery吗?