[go: up one dir, main page]

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: Il s'agit d'une technologie expérimentale.
Vérifiez attentivement le tableau de compatibilité des navigateurs avant de l'utiliser en production.

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