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)}});