Mprogress.js creates progress linear bar from Google Material Design.
By using CSS3 and pure js which don't depend on any other libraries.
You can use 4 types of linear bar.
Type1: DeterminateSource code:
var mprogress = new Mprogress();
↓ ↓ ↓ ↓ ↓ ↓ Click these buttons ↓ ↓ ↓ ↓ ↓ ↓
start end set incmprogress.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: BufferSource code:
var mprogress2 = new Mprogress({
template: 2,
parent: '#demoBuffer'
});
start end set inc setBuffer Type3: IndeterminateSource code:
var mprogress3 = new Mprogress({
template: 3,
parent: '#demoIn'
});
start end Type4: Query Indeterminate and DeterminateSource code:
var mprogress4 = new Mprogress({
template: 4,
parent: '#demoQuery'
});
start endRetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4