MProgress.js is Google’s Material Design Progress Linear Bar. It uses CSS3 and vanilla JavaScript which is not dependent on any other libraries.
Must Read: HTML Component To illustrate Steps In A Multi-step Process | SASS Progress Tracker
How to make use of it:
1. Load the required Mprogress.css and Mprogress.js into your project.
<link href="mprogress.css" rel="stylesheet"> <script src="mprogress.min.js"></script>
2. Initialization.
var mprogress = new Mprogress();
3. Get started and show the progress bar.
mprogress.start()
4. Finish and hide the tape.
mprogress.end()
5. Select the percentage.
mprogress.set(0.5)
6. Slightly increased.
mprogress.inc()
See Demo And Download
Official Website(lightningtgc): Click Here
This superior jQuery/javascript plugin is developed by lightningtgc. For extra Advanced Usage, please go to the official website.