::-moz-progress-bar

非标准: 该特性是非标准的,请尽量不要在生产环境中使用它!

::-moz-progress-bar CSS 伪元素是用于表示 <progress> 元素中的进度条(此进度条表示已完成的进度)的 Mozilla 扩展

如果你想在 Mozilla 中选择 <progress> 的未完成部分,请直接选择 <progress> 元素。

语法

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

示例

HTML

html
<progress value="30" max="100">30%</progress>
<progress max="100">未确定</progress>

CSS

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

/* 使不确定进度的进度条宽度强制设置为零 */
:indeterminate::-moz-progress-bar {
  width: 0;
}

结果

规范

不属于任何规范。

浏览器兼容性

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
::-moz-progress-bar
ExperimentalNon-standard

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
No support
No support
Experimental. Expect behavior to change in the future.
Non-standard. Check cross-browser support before using.

参见