simple-rater

A simple jquery based rating technique like playstore rating which is highly customizable and very simple to add in any web-based project

Adding it to your html

Simply create a div, assign a class or id and to convert that div to simple-rater call the rating method.

    <div id="rater"></div>

     <script type="text/javascript">
         $('#rater').rating();
     </script>

Even customization is so simple !!

    $('#rater').rating({
       size:30,               //this option defines the size of the star
       primaryColor:"#999",   //this color code defines the primary color of stars
       hoverColor:"#fdb300",  //this color code defines the hover state of stars   
       count:10               //defines the number of stars you want in a rater
    })

Controlling the rater

    $('#rater').rating('disable')    //disable the rater. decrease the opacity on disable
    
    $('#rater').rating('refresh')    //reset the value of rater and rate count set to 0

Get value from rater

   $('#rater').rating('val');