An automatic web page progress bar, now with support for custom preloaders. Woohoo!
Include pace.js and a theme of your choice to your page and you are done!
We also have a Wordpress Plugin.
Pace will automatically monitor your Ajax requests, event loop lag, document ready state and elements on your page to decide on the progress.
If you use AMD or Browserify, require pace.js and call pace.start() as early in the loading process as is possible.
An extra event can now be triggered: "change".
You can bind onto events using the on method:
Pace.on(event, handler, [context]): Call handler ( with context) when event is triggered
The context here is the current loaded progress.
<head>
<script src="/pace/pace.js"></script>
<link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />
</head>