::-moz-progress-bar

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

实验性： 这是一项实验性技术
在生产中使用此技术之前，请仔细检查浏览器兼容性表格。

::-moz-progress-bar CSS 伪元素是一个 Mozilla 扩展，它表示 <progress> 元素内的进度条。（此进度条表示已完成的进度量。）

如果您想在 Mozilla 中选择 <progress> 中未完成的部分，请直接选择 <progress>。

语法

css

::-moz-progress-bar {
  /* ... */
}

html

<progress value="30" max="100">30%</progress>
<progress max="100">Indeterminate</progress>

css

::-moz-progress-bar {
  background-color: red;
}

/* Force indeterminate bars to have zero width */
:indeterminate::-moz-progress-bar {
  width: 0;
}

不属于任何标准。

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