🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Heat Rating is an ultra-light jQuery plugin which lets you create a horizontal, color palette- and heatmap-style rating control with support for fractional ratings.

Rating

Documentation

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 [email protected]

Website: sarthakdabhi.me

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

Twitter: @SarthakDabhi


You May Also Like