::-moz-progress-bar

Nicht standardisiert: Diese Funktion ist nicht standardisiert und befindet sich nicht auf dem Weg zur Standardisierung. Verwenden Sie sie nicht auf Produktionsseiten, die dem Web ausgesetzt sind: Sie funktioniert nicht für alle Benutzer. Es kann auch große Inkompatibilitäten zwischen Implementierungen geben, und das Verhalten kann sich in Zukunft ändern.

Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.

Das ::-moz-progress-bar CSS-Pseudo-Element ist eine Mozilla-Erweiterung, die die Fortschrittsanzeige innerhalb eines <progress>-Elements darstellt. (Die Leiste stellt den Fortschritt dar, der erreicht wurde.)

Wenn Sie den nicht abgeschlossenen Teil von <progress> in Mozilla auswählen möchten, wählen Sie bitte direkt das <progress>-Element aus.

Syntax

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

Beispiele

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

Ergebnis

Spezifikationen

Gehört zu keinem Standard.

Browser-Kompatibilität

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.

Siehe auch