::-webkit-progress-inner-element

Non standard: Cette fonctionnalité n'est ni standard, ni en voie de standardisation. Ne l'utilisez pas pour des sites accessibles sur le Web : elle ne fonctionnera pas pour tout utilisateur. Il peut également y avoir d'importantes incompatibilités entre les implémentations et son comportement peut être modifié dans le futur.

Le pseudo-élément ::-webkit-progress-inner-element représente le cadre extérieur de l'élément <progress>. C'est un pseudo-élément parent du pseudo-élément ::-webkit-progress-bar.

Note : Afin que ::-webkit-progress-value ait un effet, il faut que -webkit-appearance (en-US) vaille none sur l'élément <progress>.

Exemples

CSS

css
progress {
  -webkit-appearance: none;
}

::-webkit-progress-inner-element {
  border: 2px solid black;
}

HTML

html
<progress value="10" max="50"></progress>

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 est un pseudo-élément propriétaire lié à WebKit/Blink et ne fait partie d'aucune spécification.

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi