::-webkit-progress-inner-element

非标准：此特性未标准化。我们不建议在生产环境中使用非标准特性，因为它们浏览器支持有限，并且可能会更改或被移除。但是，在没有标准选项的特定情况下，它们可以是合适的替代方案。

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

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

语法

css

::-webkit-progress-inner-element {
  /* ... */
}

这些示例仅适用于 Blink 和 WebKit 浏览器。

在此示例中，进度条周围添加了一个 2px 的黑色边框。

html

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

css

progress {
  -webkit-appearance: none;
}

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

如果您使用的不是 Blink 或 WebKit 浏览器，则上述代码会使进度条看起来像这样

不属于任何标准。

本页面最后修改于 2025 年 7 月 14 日，由 MDN 贡献者完成。