Mprogress.js creates progress linear bar from Google Material Design.
By using CSS3 and pure js which don't depend on any other libraries.
You can use 4 types of linear bar.
Source code:
mprogress.start() — Start and show progress bar.
mprogress.end() — Finish and hide bar.
mprogress.set(0.4) — Set a percentage.
mprogress.inc() — Increase by a little.
Source code:
template: 2,
parent: '#demoBuffer'
});Source code:
template: 3,
parent: '#demoIn'
});Source code:
template: 4,
parent: '#demoQuery'
});