Etiqueta progress

La etiqueta progress se utiliza para mostrar el progreso de finalización de una tarea. El cambio de valor se realiza mediante JavaScript. Dentro de la etiqueta se debe indicar el texto que se mostrará en caso de que el navegador no entienda esta etiqueta.

Atributos

Atributo Descripción
value Valor actual del progreso.
max Valor máximo del progreso.

Los valores de los atributos son números enteros o fraccionarios.

Ejemplo

html<progress max="100" value="25">
  Cargado al 25%
</progress>

Результат:

Ejemplo

html<progress max="100" value="75">
  Cargado al 75%
</progress>

Результат:

Ejemplo

html<progress max="100" value="100">
  Cargado al 100%
</progress>

Результат:

Ejemplo

html<progress max="100" value="0">
  Cargado al 0%
</progress>

Результат:

Ejemplo . Valores fraccionarios

html<progress max="100" value="10.5">
  Cargado al 10.5%
</progress>

Результат:

Véase también

  • la etiqueta meter,
    que muestra un rango de valores de forma atractiva