Icono del sitio Pixelco Tech

Crea una barra de progreso con CSS y Javascript

Simple Progress Bar - Demo
Simple Progress Bar - Demo

La barra de progreso o algún indicador que mantenga informado al usuario sobre la ejecución de una tarea, es un recurso importantísimo, ¿o no te molesta cuando la pantalla se queda en blanco y no sabes que es lo que está sucediendo?

En JCargoo.org publican un interesante tutorial en donde explican paso a paso como implementar una barra de progreso con CSS y una librería Javascript disponible para descargar.

Este recurso muy sencillo de implementar, sólo se necesita:

  1. Agregar un pequeño código HTML.
  2. La CSS con los estilos de la barra de progreso.
  3. Enlazar el archivo JS e inicializar el código.

Es muy sencillo de implementar y además, con sólo probar la demo, te darás cuenta de lo visto y valioso de este recurso.

Progressbar:

Salir de la versión móvil