jQuery Animated Bar Plugin: jqBar
As we speak’s freebie is an easy jQuery plugin for creating animated vertical and horizontal bars. The plugin is known as jqBar. jqBar can be utilized in number of conditions the place you wish to current information with some visible results. It helps you crate stunning bar charts to symbolize talent set or can be utilized as a progress bar. Plugin could be very gentle weight and may be utterly custom-made.
jqBar Featuers
- animationSpeed: 2000
- barLength: 200
- orientation: ‘h’ for horizontal orientation and ‘v’ for vertical.
- barWidth: 10
- barColor: ‘crimson’
- label: ‘&’,
- worth: 100
Utilizing jqBar
In your HTML file add the next references within the head part.
- Add a reference to newest jQuery script
- Add a reference to jqbar.js file
- Add a reference to jqbar.css file
Now you simply must name the jqbar initializer perform for any block factor which you wish to convert to animated bar.
Here’s a full instance of utilizing jqbar.
<html>
<head>
<title>jQuery Animated Bar Plugin</title>
<script src="js/jquery.min.js" sort="textual content/javascript"></script>
<script src="js/jqbar.js" sort="textual content/javascript"></script>
<hyperlink rel="stylesheet" href="css/jqbar.css" />
<script sort="textual content/javascript">
$(doc).prepared(perform () );
</script>
</head>
<physique>
<div id="bar-1">
</div>
</physique>
</html>
[freebiesub download=”http://www.egrappler.com/download/2″]
Star Bar
- Overall
- Feature Availability
- Customization
- Design Quality
- Flexibility
3.2
No Responses
[…] jQuery Animated Bar Plugin: jqBar | EGrappler Bookmark on Delicious Digg this post Recommend on Facebook share via Reddit Share with Stumblers […]
[…] <div id="bar-1"> </div> </body> </html> View DemoDownload SourceGo to Source Author: Muhammad Shahbaz SaleemRelated content: XML Driven jQuery Tabbed News & Content Slider: […]
[…] jQuery Animated Bar Plugin: jqBar […]