::-webkit-progress-inner-element
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-inner-element
representa la parte más exterior de un elemento <progress>
. Es el padre del pseudo-elemento ::-webkit-progress-bar
.
Nota:
Para que ::-webkit-progress-inner-element
tenga efecto , hay que darle valor none a -webkit-appearance
en el elemento <progress>
.
Ejemplo
Contenido CSS
progress {
-webkit-appearance: none;
}
::-webkit-progress-inner-element {
border: 2px solid black;
}
Contenido HTML
<progress value="10" max="50"></progress>
Salida
Una barra de progreso que use el estilo especificado anteriormente tendrá una apariencia similar a la siguiente::
Especificaciones
No es parte de ninguna especificación. Es un pseudo-elemento propitario y específico de WebKit/Blink.
Compatibilidad con navegadores
BCD tables only load in the browser
Ver además
-
Los pseudo-elementos usados por WebKit/Blink para dar estilos a otras partes de un elemento
<progress>
: ::-moz-progress-bar
::-ms-fill