Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

::-moz-progress-bar

Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.

Expérimental: Cette fonction est expérimentale
Puisque cette fonction est toujours en développement dans certains navigateurs, veuillez consulter le tableau de compatibilité pour les préfixes à utiliser selon les navigateurs.
Il convient de noter qu'une fonctionnalité expérimentale peut voir sa syntaxe ou son comportement modifié dans le futur en fonction des évolutions de la spécification.

Le pseudo-élément CSS ::-moz-progress-bar est une extension de Mozilla qui représente la barre de progression à l'intérieur d'un élément <progress>. (La barre représente la progression accomplie.)

Si vous souhaitez sélectionner la partie non terminée de <progress> dans Mozilla, veuillez sélectionner directement l'élément <progress>.

Syntaxe

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

Exemples

HTML

html
<progress value="30" max="100">30 %</progress>
<progress max="100">Indéterminé</progress>

CSS

css
::-moz-progress-bar {
  background-color: red;
}

/* Force la barre indéterminée à avoir une largeur de zéro */
:indeterminate::-moz-progress-bar {
  width: 0;
}

Résultat

Spécifications

Ce pseudo-élément ne fait partie d'aucun standard.

Compatibilité des navigateurs

Voir aussi