CSS ::-webkit-progress-bar 擬似要素
非標準: この機能は標準化されていません。非標準の機能はブラウザーの対応が限られ、将来的に変更または削除される可能性があるため、本番環境での使用は推奨されません。ただし、標準の選択肢が存在しない特定のケースでは、有効な代替手段となる場合があります。
::-webkit-progress-bar は CSS の擬似要素で、<progress> 要素の進捗バー全体を表します。通常、デフォルトで ::-webkit-progress-value 擬似要素の下にレンダリングされるため、バーの塗りつぶされていない部分としてのみ表示されます。これは、::-webkit-progress-inner-element 擬似要素の子要素であり、::-webkit-progress-value 擬似要素の親要素です。
メモ:
::-webkit-progress-value を有効にするには、<progress> 要素の appearance を none に設定する必要があります。