Heat Rating

Heat rating, is a simple rating system plugin, that handles 1 to 5 rating with 0.5 fraction. Made with simple jQuery, HTML and CSS. Highly customizable, with its style and effect.

Sample

Installation Download whole package. Heat rating Extract to your project folder. Two js and one css are required JS:

Code:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
<script type="text/javascript" src="path/to/your/folder/heat-rating.js"></script> 

CSS:

Code:

<link rel="stylesheet" type="text/css" href="path/to/your/folder/heat-rating.css">
And at last, you need to just put HTML code wherever you want heat rating.	
<div class="heat-rating"> 
<div class="rating-block one" data-value="1.0"></div> 
<div class="rating-block one-half" data-value="1.5"></div> 
<div class="rating-block two" data-value="2.0"></div> 
<div class="rating-block two-half" data-value="2.5"></div> 
<div class="rating-block three" data-value="3.0"></div> 
<div class="rating-block three-half" data-value="3.5"></div> 
<div class="rating-block four" data-value="4.0"></div> 
<div class="rating-block four-half" data-value="4.5"></div> 
<div class="rating-block five" data-value="5.0"></div> 
<div class="ratings">0.0</div> 
<input type="hidden" value="0.0" id="ratings-input"> 
</div>

Enjoy heating!

For more information email me at dabhi.sarthak@gmail.com

Website: sarthakdabhi.me

LinkedIn: https://www.linkedin.com/in/sarthakdabhi

Twitter: @SarthakDabhi