::-webkit-progress-value
No estándar: Esta característica no es parte de los estándares. No la uses en sitios Web en producción: no funcionará para todos los usuarios. Podrían haber también incompatibilidades considerables entre distintas implementaciones y el comportamiento podría cambiar en el futuro.
Resumen
El pseudo-elemento CSS ::-webkit-progress-value
representa la parte rellena de la barra del elemento <progress>
. Es hija del pseudo-elemento ::-webkit-progress-bar
.
Nota: Para que ::-webkit-progress-value
tenga efecto en el elemento <progress> -webkit-appearance
deberá tener none como valor.
Ejemplo
Contenido CSS
progress {
-webkit-appearance: none;
}
::-webkit-progress-value {
background-color: orange;
}
Contenido HTML
<progress value="10" max="50"></progress>
Resultado
Una barra de progreso con el estilo indicado anteriormente será similar a esta:
Especificaciones
No es parte de ninguna especificación. Es un elemento propietario y específico de WebKit/Blink.
Compatibilidad con navegadores
BCD tables only load in the browser
Ver además
-
Los pseudo-elemento de WebKit/Blink para dar estilos a otras partes de un elemento
<progress>
: ::-moz-progress-bar
::-ms-fill