Mozilla's getting a new look. What do you think? https://mzl.la/brandsurvey

::-webkit-meter-bar

No estándar
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.

Resumen

La pseudo-clase ::-webkit-meter-bar establece el estilo para el fondo del elemento meter que contiene el valor.

Especificaciones

No es parte de ninguna especificación. Es un elemento propietario y específico de WebKit/Blink.

Ejemplos

<meter min="0" max="10" value="6">Puntuación sobre 10</meter>
meter {
   /* Resetea a la apariencia por defecto */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

meter::-webkit-meter-bar  {
  background: #eee;
  box-shadow: 0 2px 3px rgba (0, 0, 0, 0.2) inset;
  border-radius: 3px;
}

Note: Sólo funciona en navegadores basados en Webkit/Blink.

Compatibilidad con los distintos navegadores

Característica Firefox (Gecko) Chrome Internet Explorer Opera Safari
Soporte básico No support (Yes) No support (Yes) (Yes)
Característica Firefox Mobile (Gecko) Android IE Phone Opera Mobile Safari Mobile
Soporte básico No support (Yes) No support (Yes) (Yes)

Ver además

Los  pseudo-elementos usados en WebKit/Blink para dar estilos a otras partes del elemento <meter> :

Etiquetas y colaboradores del documento

 Colaboradores en esta página: pekechis
 Última actualización por: pekechis,