::-moz-progress-bar

非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。

::-moz-progress-barCSS擬似要素Mozilla 拡張であり、 <progress> 要素の中のプログレスバーを表します。 (バーは進捗した量を表します。)

<progress> のまだ終了していない部分を Mozilla で選択したい場合は、 <progress> で直接選択してください。

構文

Error: could not find syntax for this item

HTML

html
<progress value="30" max="100">30%</progress>
<progress max="100">Indeterminate</progress>

CSS

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

/* 不確実なバーは強制的に幅をゼロにする */
:indeterminate::-moz-progress-bar {
  width: 0;
}

結果

仕様書

どの標準にも含まれていません。

関連情報