Now, you can add automatic page loading progress bars on your webpages with Pace JavaScript Library. Pace is a really simple yet amazing JavaScript library for automatic page loading progress bars. All you need to do is only to include pace.js and the theme css of your choice on your page (as early as is possible), and you’re done. Pace will automatically monitor your ajax requests, event loop lag, document ready state, and elements on your page to decide the progress.

On ajax navigation it will begin again. If you use AMD or Browserify, require in pace.js and call pace.start() as early in the loading process as is possible.

Pace javascript library for automatic page loading progress bars

http://github.hubspot.com/pace/