::-moz-progress-bar

非标准

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

::-moz-progress-bar 是Mozilla扩展的，表示进度条<progress>的元件。（条形图表示已经完成的进度。）

语法

::-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;
}

结果

上面的第一个栏应该如下所示：