Google Material Design Progress Linear Bar | MProgress.js

google-material-design-progress-linear-bar

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.