::-moz-progress-bar

非標準:此特性未標準化。我們不建議在生產環境中使用非標準特性,因為它們瀏覽器支援有限,並且可能會更改或被移除。但是,在沒有標準選項的特定情況下,它們可以是合適的替代方案。

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

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

結果

規範

不屬於任何標準。

瀏覽器相容性

另見