ProBars - Stylish progress bars

ProBars is jquery stylish progress bars plugin that animate as they enter the viewport.

Browser Compatibility

• IE 10+
• Firefox 25+
• Chrome 31+
• Safari 7+
• Opera 18+
• Most mobile browsers

• denizli escort
• denizli escort
• didim escort
• düzce escort
• edirne escort
• edirne escort
• edremit escort

Source: github.com

1. INCLUDE CSS AND JS FILES

<link href="assets/css/pro-bars.min.css" rel="stylesheet" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script> 
<script src="assets/js/visible.min.js" type="text/javascript"></script>
<script src="assets/js/pro-bars.js" type="text/javascript"></script>

2. HTML

<div class="pro-bar-container color-green-sea">
	<div class="pro-bar bar-100 color-turquoise" data-pro-bar-percent="100" data-pro-bar-delay="100">
		<div class="pro-bar-candy candy-ltr"></div>
	</div>
</div>

Create the Html for a progress bar. Pass the options to the progress bar using Html5 data-* attributes.

• data-pro-bar-percent="100": how far the bar will animate to
• data-pro-bar-delay="100": set a delay on the animation