sevast1an / LineProgressbar

A light weight jquery progressbar plugin

Jquery Line Progress Bar

A light weight jquery progressbar plugin

Demos and Docs

https://kingrayhan.github.io/LineProgressbar/demos.html

Include

<!-- 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>

Set HTML

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>

Call the plugin

Now call the Line Progress Bar initializer function and your progress bar is ready.

$('#progressbar1').LineProgressbar();

Plugin Options

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.

FAQ

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.