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: