1. ウェブ
  2. CSS
  3. リファレンス
  4. セレクター
  5. ::-moz-progress-bar

このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

CSS ::-moz-progress-bar 擬似要素

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

Experimental: これは実験的な機能です。
本番で使用する前にブラウザー互換性一覧表をチェックしてください。

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

<progress> のまだ終了していない部分を Mozilla で選択したい場合は、 <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;
}

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

結果

仕様書

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

ブラウザーの互換性

関連情報

MDN の改良に協力

協力方法を知る

このページは MDN の貢献者によって に最終更新されました。

GitHub でこのページを表示 • このコンテンツに関する問題を報告