是否有可能为html5进度标记着色？

Question

是否有可能在CSS中为进度标记着色？我尝试过这个.但只有宽度和高度才有效.我希望皮肤颜色的进展(内部颜色,显示下载的百分比).可能吗？

Answer 1

这就是你要找的东西:

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

它在Chrome和Firefox 6上运行得很好.
IE10还支持:: - ms-fill伪元素.

Answer 2

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

我当前的解决方案是使用多个divs 来设置样式并显示进度条，并使用 CSS 精灵图像。