Buenas, hoy quiero compartir un pequeño ejemplo de como utilizar el tag <progress> que pone a nuestra disposición HTML5.
Poniéndolo en practica:
Lo que vamos a hacer es un documento HTML simple, con una barra de progreso que aumenta gracias a un intervalo de tiempo manejado con javascript. La idea, es que cada uno adapte este tag, manejándolo de acuerdo a la necesidad que cada problema puntual plantee. Sin mas preambulos... este archivo se llama index.html (pero podes llamarlo como quieras... ej: pepito.html)
Y el resultado es algo como esto:
Mas allá que, para los que no somos muy fanáticos de los estilos, sea suficiente, para otros es bastante "chato" el estilo por defecto... por eso, te dejo una pagina donde podes jugar un poco y dejar tu barra hecha un 'chiche'.
Cortito y al pie...
Espero les sirva!
Saludos!
Poniéndolo en practica:
Lo que vamos a hacer es un documento HTML simple, con una barra de progreso que aumenta gracias a un intervalo de tiempo manejado con javascript. La idea, es que cada uno adapte este tag, manejándolo de acuerdo a la necesidad que cada problema puntual plantee. Sin mas preambulos... este archivo se llama index.html (pero podes llamarlo como quieras... ej: pepito.html)
Y el resultado es algo como esto:
Mas allá que, para los que no somos muy fanáticos de los estilos, sea suficiente, para otros es bastante "chato" el estilo por defecto... por eso, te dejo una pagina donde podes jugar un poco y dejar tu barra hecha un 'chiche'.
Cortito y al pie...
Espero les sirva!
Saludos!