::-moz-progress-bar

非标准:此功能是非标准的,并且不在标准轨道上。请勿在面向 Web 的生产站点上使用它:它不会对每个用户都起作用。实现之间也可能存在很大的不兼容性,并且行为在将来可能会发生变化。

实验性:这是一种实验性技术
在生产环境中使用此功能之前,请仔细检查浏览器兼容性表

::-moz-progress-bar CSS 伪元素 是一个Mozilla 扩展,它表示 <progress> 元素内部的进度条。(该条表示已完成的进度量。)

如果要在 Mozilla 中选择 <progress> 未完成的部分,请直接选择 <progress>

语法

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

示例

HTML

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

CSS

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

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

结果

规范

不属于任何标准的一部分。

浏览器兼容性

BCD 表格仅在启用 JavaScript 的浏览器中加载。

另请参阅