::-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

css
progress {
  -webkit-appearance: none;
}

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

Contenido HTML

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