5 Angularjs Loading/Progress Bar Options

Sam Deering Sam Deering (updated ) Loading

In today’s post we’re sharing some examples of using Angularjs to get that YouTube style loading bar (the thin red one) you see when a page is loading. If you find any other good Angularjs loading bar examples please do leave a comment.

1. Angular UI Progress Bar

The progress bar module for angular UI bootstrap.
The progress bar module for angular UI bootstrap.
Github Website Demo

2. ngProgress Loading Bar

A slim, site-wide progressbar for AngularJS
A slim, site-wide progressbar for AngularJS
Github Website Demo

3. nProgressLite Loading Bar Demo

A slim, site-wide progressbar for AngularJS
A slim, site-wide progressbar for AngularJS
Github Demo

4. Angular Loading Bar

An automatic loading bar using angular interceptors. It works automatically, so simply include it as a dependency and it will automatically display the progress of your $http requests.
An automatic loading bar using angular interceptors. It works automatically, so simply include it as a dependency and it will automatically display the progress of your $http requests.
Github Website + Demo

5. Kendu UI AngularJS Progress Bar Demo

Example progress bar using AngularJS and Kendu UI.
Example progress bar using AngularJS and Kendu UI.
Demo

Sam Deering
Sam Deering
Sam is a web developer, online entrepreneur and investor. In his spare time he enjoys coding, playing chess and love to share what he learns.

Leave a Reply

Your email address will not be published. Required fields are marked *