Material Progress Bar

Google Material design progress bar for your website

Installation

Install using npm:

npm install material-progress-bar

Import the files:

import 'material-progress-bar/mprogress.js';
import 'material-progress-bar/mprogress.css';

Usage

Import JavaScript and CSS to your HTML

<script src="https://cdn.jsdelivr.net/gh/brokiem/material-progress-bar@master/mprogress.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/brokiem/material-progress-bar@master/mprogress.css">

Add this code to your HTML body

<div id="mprogress"></div>

// Use MProgress.show() to show progress bar
MProgress.show();

// Use MProgress.hide() to hide progress bar
MProgress.hide();

Demo

https://brokiem.github.io/material-progress-bar/