MProgress.js

MProgress.js relies on CSS3 for mimicking the visual appeal of Material Design elements, but it also relies on it for the bar's animation.

There are four built-in progress animation types: determinate, buffer, indeterminate, and "query indeterminate and determinate."

Each has its own way of functioning and animating the progress bar, all coming with JavaScript methods for starting, stopping, setting, and incrementing the progress timeline.

Other progress bar configurable parameters are trickle, trickleRate, trickleSpeed, easing, positionUsing, and speed.

The progress bars work on mobile devices as well, and MProgress.js comes with a few basic examples to show developers how it can be implemented.

Requirements:

• JavaScript enabled on client side