非标准
该特性是非标准的,请尽量不要在生产环境中使用它!
CSS伪元素 ::-moz-progress-bar
是<progress>
元素中,Mozilla独有的特性(Mozilla extension),用于对进度条完成的部分进行选择。
如果你想选择未完成的部分,请直接选择 <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;
}
Result
上面第一段样式的进度条会如下图所示: