Html5 nos permite crear fantásticas barras de progreso, en conjunto con Javascript se pueden crear barras dinámicas, por ejemplo para mostrar el avance de una tarea, un proceso, una medida o cualquier cosa que pueda ser representada mediante el elemento html que hoy aprenderemos.
Barras de progreso
Con la etiqueta <progress> podemos crear una barra de progreso.
<progress>…</progress>
Atributos para <progress>
- Min: su valor será el valor mínimo de la barra de progreso.
- Max: su valor será el valor máximo de la barra de progreso.
- Value: su valor será un valor entre el valor mínimo y el valor máximo y se reflejara en la barra de progreso.
Ejemplo:
<progress min="0" max="100" value="75">este es un elemento de progreso no soportado por tu navegador, prueba con otro </progress>
Para crear una barra de progreso dinámico, que obedezca a eventos se requiere conocimientos de programación en javascript.
[popup_anything id=»4434″]