HubSpotpace
USAGE in webpack 4
// to react on all methods, by default only GET const paceOptions = { ajax: { trackMethods: ['GET', 'POST', 'DELETE', 'PUT', 'PATCH'] } };
// include pace const Pace = require('pace-js');
// run pace with options Pace.start(paceOptions);
// don't forget to include css file;
===================
An automatic web page progress bar.
Include pace.js and a theme of your choice to your page and you are done!
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.
Demo
Documentation
Example
<head>
<script src="/pace/pace.js"></script>
<link href="/pace/themes/pace-theme-barber-shop.css" rel="stylesheet" />
</head>