CSS

::-moz-progress-bar

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

结果

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