::-moz-progress-bar
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.
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
Error: could not find syntax for this item
Ejemplos
HTML
html
<progress value="30" max="100">30%</progress>
<progress max="100">Indeterminado</progress>
CSS
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:
