Skip to main content
se eliminaron 2 caracteres en el cuerpo
Origen Enlace
abulafia
  • 58.7k
  • 3
  • 54
  • 89

El tag <progress>, como cualquier otro, debe ser cerrado. Es decir, te falta el </progress> tras cada una. Sin él, el navegador considera que las barras de progreso están "anidadas" (una dentro de otra) y sólo muestra la más exterior, que es la primera de ellas.

Demo:

<html>
  <body>
    <progress max="2000" value="700"></progress>
    <progress max="3000" value="50"></progress>
    <progress max="5000" value="20"></progress>
  </body>
 
</html>

El tag <progress>, como cualquier otro, debe ser cerrado. Es decir, te falta el </progress> tras cada una. Sin él, el navegador considera que las barras de progreso están "anidadas" (una dentro de otra) y sólo muestra la más exterior, que es la primera de ellas.

Demo:

<html>
  <body>
    <progress max="2000" value="700"></progress>
    <progress max="3000" value="50"></progress>
    <progress max="5000" value="20"></progress>
  </body>
 
</html>

El tag <progress>, como cualquier otro, debe ser cerrado. Es decir, te falta el </progress> tras cada una. Sin él, el navegador considera que las barras de progreso están "anidadas" (una dentro de otra) y sólo muestra la más exterior, que es la primera de ellas.

Demo:

<html>
  <body>
    <progress max="2000" value="700"></progress>
    <progress max="3000" value="50"></progress>
    <progress max="5000" value="20"></progress>
  </body>
</html>

Origen Enlace
abulafia
  • 58.7k
  • 3
  • 54
  • 89

El tag <progress>, como cualquier otro, debe ser cerrado. Es decir, te falta el </progress> tras cada una. Sin él, el navegador considera que las barras de progreso están "anidadas" (una dentro de otra) y sólo muestra la más exterior, que es la primera de ellas.

Demo:

<html>
  <body>
    <progress max="2000" value="700"></progress>
    <progress max="3000" value="50"></progress>
    <progress max="5000" value="20"></progress>
  </body>

</html>