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.

El pseudo-elemento ::-moz-progress-bar de CSS es una extensión de Mozilla que representa la barra de progreso dentro de un elemento <progress>. (La barra representa la cantidad de progreso que se ha realizado).

Sintaxis

::-moz-progress-bar

Ejemplos

HTML

<progress value="30" max="100">30%</progress>
<progress max="100">Indeterminado</progress>

CSS

::-moz-progress-bar {
  background-color: red;
}

/* Forzar barras indeterminadas para tener ancho cero */
:indeterminate::-moz-progress-bar {
  width: 0;
}

Resultado

La primera barra de arriba debe tener este aspecto:

Custom styled progress bar

Ver también

Etiquetas y colaboradores del documento

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