Google Material Design Progress Linear Bar | MProgress.js


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.


4. Finish and hide the tape.


5. Select the percentage.


6. Slightly increased.

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.