A light weight jquery progressbar plugin
https://kingrayhan.github.io/LineProgressbar/demos.html
<!-- In header -->
<link rel="stylesheet" href="jquery.lineProgressbar.css">
<!-- In footer -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="jquery.lineProgressbar.min.js"></script>
You don't need any special markup. All you need is to give a class
or id
selector to a div
.
<div id="progressbar1"></div>
Now call the Line Progress Bar initializer function and your progress bar is ready.
$('#progressbar1').LineProgressbar();
List including all options.
Variable | Default | Type | Description |
---|---|---|---|
percentage | null |
int | Defines the progressbar progress percentage. |
ShowProgressCount | true |
boolean | Defines whather you want to show percent counter or not. |
duration | 1000 |
int | Specifies the speed of the progressing. Default value is 1000 milliseconds. Possible values: milliseconds (like 100, 1000, 5000, etc) "slow" "fast" |
fillBackgroundColor | '#3498db' |
string | Defines progressbar fill background color. |
backgroundColor | '#EEEEEE' |
string | Defines progressbar background color. |
radius | '0px' |
string | Defines progressbar radiusness. |
height | '10px' |
string | Defines progressbar height. |
width | '100%' |
string | Defines progressbar width. |
Can I use it for free? Answer: Yes
Can I use it for commerce project? Answer: Yes
Has it any licence? Answer: Yes , it's under MIT LICENCE. Check here
Can i ask for a new functionality? Answer: Yes! Go to Github issues page and ask for a feature.
What's new in latest release? Answer: See Changelog.