Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.
El pseudo-element CSS ::-webkit-progress-value
representa la part emplenada de la barra d'un element <progress>
. És un fill del pseudo-element ::-webkit-progress-bar
.
Nota: Per tal de permetre que ::-webkit-progress-value
tingui efecte, -webkit-appearance
necessita ser ajustat a none en l'element <progress>
.
Especificacions
No forma part de cap especificació. Es tracta d'un pseudo-element propietari, específic en WebKit/Blink.
Exemple
HTML
<progress value="10" max="50">
CSS
progress { -webkit-appearance: none; } ::-webkit-progress-value { background-color: orange; }
Resultat
Una barra de progrés que utilitzi aquest estil pot semblar una cosa així :
Navegadors compatibles
Descripció | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Suport bàsic | No support | (Yes) | No support | (Yes) | (Yes) |
Descripció | Firefox Mobile (Gecko) | Android | IE Phone | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Suport bàsic | No support | (Yes) | No support | (Yes) | (Yes) |
Vegeu també
- Els pseudo-elements utilitzats per WebKit/Blink per donar estil a altres parts d'un element
<progress>
: ::-moz-progress-bar
::-ms-fill