Dynamic jQuery Rating Bar Plugin - ratingbar

ratingbar is a jQuery plugin for displaying dynamic update rating bars for your rating system. It is highy customizable and can be used to creating different styles of your rating system to meet your needs.

You might also like:

• jQuery Plugin For 5 Stars Rate Widget - Flexible Stars
• Flexible Star Rating System with jQuery - jRating

Basic Usage:

1. Include jQuery library and jQuery ratingbar on the page

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.ratingbar.js"></script>

2. Include jQuery easing for more animation styles (Optional)

<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

3. Include jQuery ratingbar CSS to style your rating bar

<link rel="stylesheet" type="text/css" href="css/ratingbar.css" />

4. The HTML

<div class="book_rating">8</div>
<div class="book_rating">2</div>

5. Call the plugin with options

<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
var ratingconfig = {
animate:true,
duration:1000,
ease:"easeOutBounce",
maxRating: 10,
wrapperWidth:1000,
showText: false,
wrapperClass:"wrapper_books",
innerClass:"inner_books",
textClass: "rating_books"
}
$('.book_rating').ratingbar(ratingconfig);
});
</script>

More Examples:

• Basic Example
• Animation Example
• Advanced Example
• Rating Scales Example

---

This awesome jQuery plugin is developed by mre. For more Advanced Usages, please check the demo page or visit the official website.