jQuery Bar Rating Plugin works by transforming a standard select field into a rating widget. The rating widget can be flexibly styled with CSS. Demo page.
To use the plugin,you need to add the following files.
<!-- Javascript --><script src="libs/rating/jquery.rating.min.js"></script>
<div class="rating-example" data-rating="3.5"></div>
Running with javascript:
$(".rating-example").starRating({initialRating:3.5});
$(".rating-example").starRating({initialRating:3.5,starShape:'rounded',});
$(".rating-example").starRating({initialRating:3.5,useGradient:false,});
$(".rating-example").starRating({initialRating:3.5,readOnly:true,});
$(".rating-example").starRating({initialRating:3,useFullStars:true,});
$(".rating-example-6").starRating({initialRating:3.5,disableAfterRate:false,onHover:function(currentIndex,currentRating,$el){$('.live-rating').text(currentIndex)},onLeave:function(currentIndex,currentRating,$el){$('.live-rating').text(currentRating)}});