ngProgressLite

En los últimos años, la ciencia de la UX (experiencia del usuario) ha sido poco a poco creciendo y cada vez más los desarrolladores Web están implementando características UX amigables en sus sitios.
Uno de los principios básicos del diseño de UX es el flujo constante de información entre el usuario y la aplicación que utiliza. Esto significa que la aplicación siempre tiene que saber al usuario si algo está pasando, por lo que no será confundido o perder el interés en lo que está haciendo.
Esto significa que las prácticas recientes como barra de carga de YouTube durante la carga de un nuevo video no son sólo hermoso y obviamente útil, sino que también se basan en estudios UX de la vida real.
Una herramienta como ngProgressLite ayudará a cualquier desarrollador AngularJS buscando expandir UX de su aplicación dejándole agregar barras de carga para todas las páginas que códigos.
Esto significa que cuando el usuario se carga la página, una pequeña delgada, color, línea, animado en la parte superior de la página le permitirá saber cuánto tiene que esperar hasta que todo el contenido de la página se ha cargado.

¿Qué hay de nuevo en esta versión:

• Correcciones:
• Aplicar css progreso sólo al primer hijo de contenedor (permite la inserción de divs adicionales en el contenedor. Un caso ejemplo de uso para esto sería la adición de una ruleta, como el de la nprogress original).
• Deja innecesaria dependencia $ timeout y usar setTimeout nativo en lugar (ya que sólo cambiamos css pero no el alcance, no hay necesidad de ejecutar un ciclo de digestión con $ aplicar () dentro del servicio de tiempo de espera $).

Requisitos :

• JavaScript habilitado en el lado del cliente
• AngularJS