::-webkit-progress-inner-element

::-webkit-progress-inner-element

非标准

这个功能是非标准的，不在标准轨道上。不要在面向 Web 的生产站点上使用它：它不适用于每个用户。实现之间也可能存在很大的不兼容性，并且行为在未来可能会发生变化。

::-webkit-progress-inner-element CSS 伪元素表示的最外容器<progress>元件。它是::-webkit-progress-bar伪元素的父亲。

注意：为了让::-webkit-progress-value生效，-webkit-appearance需要none在<progress>元素上设置。

示例

HTML

<progress value="10" max="50">

CSS

progress {
  -webkit-appearance: none;
}

::-webkit-progress-inner-element {
  border: 2px solid black;
}

结果

​

使用上述样式的进度条看起来像这样：

规范

不是任何规格的一部分。这是 WebKit / Blink 特有的专有伪元素。

浏览器兼容性