En varias ocasiones nos ha tocado entrar a una página y al navegar los elementos tardan algo en cargar. El problema aumenta cuando no recibimos una respuesta mientras tales elementos están en espera, esto por supuesto genera una mala experiencia de usuario.

¿Qué es Pace.js?

Pace.js es un estupendo plugin de jQuery para mostrar fácilmente un indicador de progreso hermoso mientras que nuestro sitio web está cargando. También controlará automáticamente todos los elementos de nuestra web y la navegación ajax.

Pace.js

No te preocupes si no tienes conocimientos avanzados ya que no hay necesidad de meternos al  código, el progreso se detecta automáticamente.

¿Cómo usarlo?

Para poder usarlo solo se incluye el archivo Pace.js y un tema CSS de nuestra elección que podremos encontrar dentro de la carpeta themes, puedes también elegir el color del tema en su sitio web antes de realizar la descarga y como siempre, contribuir al repositorio en GitHub.


<head>
  <script src="/pace/pace.js"></script>
  <link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />
</head>

Y bien, sólo con este sencillo paso obtendremos de manera fácil y rápido cargadores para nuestras páginas web.

Descargas y Demo

El plugin se encuentra en el siguiente link:

http://github.com/HubSpot/pace/archive/v0.5.1.zip

Ver Demo

Ver en Git Hub

Amador368

Amador368

Apasionado por el diseño y desarrollo web, adicto al café, siempre en busca de algo nuevo por aprender, trabajando duro para mejorar tu experiencia en internet...

Un pensamiento en “Pace.js. Barra de progreso automático para tu web

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Cerrar