::-moz-progress-bar

Nicht standardisiert: Diese Funktion ist nicht standardisiert. Wir raten davon ab, nicht-standardisierte Funktionen auf produktiven Webseiten zu verwenden, da sie nur von bestimmten Browsern unterstützt werden und sich in Zukunft ändern oder entfernt werden können. Unter Umständen kann sie jedoch eine geeignete Option sein, wenn es keine standardisierte Alternative gibt.

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 den Fortschrittsbalken innerhalb eines <progress>-Elements darstellt. (Der Balken repräsentiert den Fortschritt, der gemacht wurde.)

Wenn Sie den nicht abgeschlossenen Teil von <progress> in Mozilla auswählen möchten, wählen Sie bitte das <progress> direkt 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

Nicht Teil eines Standards.

Browser-Kompatibilität

Siehe auch