Accurate Page Loading Indicator – realprogress.js

The realprogress.js JavaScript library displays a progress bar to indicate the accurate loading progress of your content-rich website.

Install the realprogress via NPM:

npm install realprogress

Basic usage:

Load the minified version of the realprogress.js in the html document.

<script src="js/realprogress.min.js"></script>

API.

RealProgress.onResourceLoad = function () {
  // on loaded
};
RealProgress.onProgress = function () {
  // on progress
};
RealProgress.onLoad = function () {
  // on load
};