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

BCD tables only load in the browser

Siehe auch