En este artículo, estamos creando la barra de progreso de una tarea usando una etiqueta <progress>. La etiqueta <progress> se utiliza para representar el progreso de una tarea. También se define cuánto trabajo se realiza y cuánto queda para descargar una cosa. No se utiliza para representar el espacio en disco o la consulta relevante.
El valor máximo de la barra de progreso se puede establecer utilizando el valor máximo de la propiedad .
Sintaxis:
<progress attributes...> </progress>
Valores de propiedad:
- nivel: Devuelve la lista de la barra de progreso.
- max: se utiliza para establecer o devolver el valor de la barra de progreso del atributo max.
- valor: Representa la cantidad de trabajo ya completado.
- posición: Devuelve la posición actual de la barra de progreso.
Ejemplo:
HTML
<!DOCTYPE html> <html> <head> <title> How to set the maximum value of progress bar using HTML? </title> </head> <body style="text-align: center;"> <h1 style="color:green;"> GeeksforGeeks </h1> <h3> How to set the maximum value of progress bar using HTML? </h3> Downloading progress for a song: <!-- Set maximum value of progress bar --> <progress value="57" max="200"> </progress> </body> </html>
Producción:
Navegadores compatibles:
- Google Chrome 8.0
- Internet Explorer 10.0
- Firefox 16.0
- Ópera 11.0
- Safari 6.0