No aparece porcentaje en la barra - Mozilla Firefox about covid-vacuna HOT 2 CLOSED

Gracias por avisar. Me imagino que esto es por los cambios recientes de poner el número en el elemento ::before del progress. ¡Gracias por avisar!

from covid-vacuna.

Gracias por avisar. Me imagino que esto es por los cambios recientes de poner el número en el elemento ::before del progress. ¡Gracias por avisar!

He creado una PR solucionando. He explicado por qué se da este problema. Lo copio aquí también.

Resulta que en Firefox y Safari, tanto :before como :after solo se aplican a elementos con contenido.

<element> ::before ***content*** ::after </element>

Sin embargo en elementos tipo 'checkbox' y en nuestro caso el progress no funcionaría el :before.

<input type="checkbox" /> <progress max='100' value={value * 100} data-value=34% />

Por lo visto, Chrome sí que soporta estos pseudo-elementos en elementos sin contenido. Por eso funciona en Crome y no en Firefox o Safari.

from covid-vacuna.