::-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 :
Spécifications
Ce pseudo-élément ne fait partie d'aucun standard.
Compatibilité des navigateurs
Loading…
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