::-webkit-progress-bar
非标准
这个功能是非标准的，不在标准轨道上。不要在面向 Web 的生产站点上使用它：它不适用于每个用户。实现之间也可能存在很大的不兼容性，并且行为在未来可能会发生变化。
的::-webkit-progress-bar CSS 伪元素表示的整个条<progress>元件。通常它只能看到条的未填充部分，因为默认情况下它会呈现在::-webkit-progress-value伪元素下面。它是::-webkit-progress-inner-element伪元素的子元素和伪元素的父::-webkit-progress-value元素。
注意：要::-webkit-progress-value生效，-webkit-appearance需要none在<progress>元素上设置。
规范
不是任何规格的一部分。这是 WebKit / Blink 特有的专有伪元素。
示例
CSS 环境
progress {
-webkit-appearance: none;
}
::-webkit-progress-bar {
background-color: orange;
}HTML 环境
<progress value="10" max="50">输出
使用上述样式的进度条看起来像这样：
浏览器兼容性
Feature | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
Basic support | No support | (Yes) | No support | (Yes) | (Yes) |
Feature | Firefox Mobile (Gecko) | Android | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
Basic support | No support | (Yes) | No support | (Yes) | (Yes) |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
