Mprogress.js Demos
Type1: Determinate
Source code:
var mprogress = new Mprogress();
↓ ↓ ↓ ↓ ↓ ↓ Click these buttons ↓ ↓ ↓ ↓ ↓ ↓
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.
Type2: Buffer
Source code:
var mprogress2 = new Mprogress({
template: 2,
parent: '#demoBuffer'
});Type3: Indeterminate
Source code:
var mprogress3 = new Mprogress({
template: 3,
parent: '#demoIn'
});Type4: Query Indeterminate and Determinate
Source code:
var mprogress4 = new Mprogress({
template: 4,
parent: '#demoQuery'
});