Descripción
El elemento progress es un contenedor que muestra el progreso de una tarea, como la carga de un archivo. El progreso se representa como una barra de progreso que va llenándose a medida que la tarea avanza.
La barra de progreso se llena de izquierda a derecha en la dirección del texto que se esté utilizando. La longitud de la barra de progreso es el porcentaje actual de la tarea completada, en relación con la tarea total.
Sintaxis
<progress value="valor-actual" max="valor-maximo"></progress>
Atributos
Atributos Globales
- accesskey
- autocapitalize
- autofocus
- contenteditable
- dir
- draggable
- enterkeyhint
- hidden
- inputmode
- is
- itemid
- itemprop
- itemref
- itemscope
- itemtype
- lang
- nonce
- spellcheck
- style
- tabindex
- title
- translate
Ejemplo
<progress value="50" max="100"> 50% </progress>
Este ejemplo muestra una barra de progreso que está al 50% de su valor máximo.
Artículos
Vídeos HTML
Disfruta también de nuestros artículos sobre HTML en formato vídeo. Aprovecha y suscribete a nuestro canal.