Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
::-webkit-progress-value
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.
Le pseudo-élément CSS ::-webkit-progress-value est une extension de WebKit qui permet de représenter la portion « remplie » de la barre d'un élément <progress>. C'est un pseudo-élément enfant du pseudo-élément ::-webkit-progress-bar.
Note :
Afin que ::-webkit-progress-value ait un effet, il faut que -webkit-appearance vaille none sur l'élément <progress>.
Syntaxe
::-webkit-progress-value {
/* ... */
}
Exemples
HTML
<progress value="10" max="50"></progress>
CSS
progress {
-webkit-appearance: none;
}
::-webkit-progress-value {
background-color: orange;
}
Résultat
Une barre de progression avec la mise en forme ci-avant sera affichée de cette façon :
[画像:Une longue boîte orange et grise. Les 20 % de gauche sont orange. Les 80 % de droite sont gris.]
Spécifications
Ce pseudo-élément ne fait partie d'aucun standard.
Compatibilité des navigateurs
Chargement...
Voir aussi
-
Les pseudo-éléments relatifs à WebKit/Blink qui permettent de mettre en forme les autres parties des éléments
<progress>: ::-moz-progress-bar