有没有可能给html5进度标签上色？

有没有可能在css中给进度标签上色？我试过了。但只有宽度和高度起作用。我想皮肤颜色的进展（内部颜色，显示下载的百分比）。有可能吗？

目前没有。进度条的设计/外观目前由浏览器定义，CSS无法设置进度条的样式

---

我目前的解决方案是使用多个

div

s来设置和显示进度条，使用CSS精灵图像。

这就是您要寻找的：

progress[value] {color:red} /* IE10 */
progress::-webkit-progress-bar-value {background:red}
progress::-webkit-progress-value {background:red}
progress::-moz-progress-bar {background:red}

它在和上工作正常。

---

IE10还支持伪元素。

好吧，我来看看我能做些什么来提供帮助：/

我已经查看了progress标签的默认样式（css样式）（使用Google Chrome的Inspect元素选项），我发现如下（希望这有帮助）：

---

您可以不在同一个选择器中混合Mozilla和WebKit前缀，您必须为两个渲染引擎创建完全独立的规则

CSS

progress {background-color: #aaa !important;}

progress::-moz-progress-bar {background-color: #f0f !important;}

progress::-webkit-progress-value {background-color: #f0f !important;}

---

在Firefox31和Chrome37中测试。使用#f0f，因为除非配色方案存在基本问题（可能是心理问题），否则应该很容易发现。

@priya如果这能解决问题，你应该单击左侧的复选标记。@barraponto opera呢？只是一个更正：你不能在同一条规则中设置所有特殊进度条值，因为它在某些浏览器（包括opera）中中断。用相同的主体将它们分成三个不同的规则，这很好。webkit还需要为进度条设置一个特殊的设置。所以添加：progress:：-webkit进度条{背景色：红色}如果你有同样的问题，并且想改变HTML5

标签的外观，有一个很好的博客描述了如何在这个问题几个月后写好这篇文章。享受吧！这个网站帮助了我：@priya发布了一个实际有效的答案，请测试并接受，或者至少发表评论。

progress {background-color: #aaa !important;}

progress::-moz-progress-bar {background-color: #f0f !important;}

progress::-webkit-progress-value {background-color: #f0f !important;}