::-webkit-progress-value
No estándar: Esta función no está estandarizada. No recomendamos usar funciones no estándar en producción, ya que tienen un soporte limitado en los navegadores y pueden cambiar o eliminarse. Sin embargo, pueden ser una alternativa adecuada en casos específicos donde no exista una opción estándar.
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
Ver además
-
Los pseudo-elemento de WebKit/Blink para dar estilos a otras partes de un elemento
<progress>: ::-moz-progress-bar::-ms-fill