|Views Total:||36,399 views|
|Official Page:||Go to website|
|Last Update:||October 24, 2016|
How to use it:
Load the main style sheet in the header of the webpage.
<link href="css/main.css" rel="stylesheet" />
Create a container where you’d like to place the progress bar.
Initialize the progress bar and set up the full and current steps.
ProgressBar.init( [ 'Request Submitted', 'Received Responses', 'Negotiation Done', 'Hired Professional', 'Service Completed' ], 'Hired Professional', 'progress-bar-wrapper' );
We can set animation delay as following in ms (default 1000).
ProgressBar.singleStepAnimation = 1500;