Radial-Rate10

Radial Rate 10 is a basic css based rating representation system which has a scale of 1-10 in some attractive colors.

View sample here:

http://htmlpreview.github.io/?https://github.com/abdullah768/Radial-Rate10/blob/master/sample.html

Add the following code to your html:

		<div class="ratouter"> <!-- Set the height=width for this div -->
		    <div class="ratinner"></div>
		    <div class="rat1 ratrp"> <!-- Replace 1 in "rat1" with desired score and replace "ratrp" with desired color class or give it a                                           custom back-ground property -->
		        <div class="quad quad1">
		        	<div class="val val1"></div>
		        </div>
		      	<div class="quad quad2">
		        	<div class="val val2"></div>
		        </div>
		        <div class="quad quad3">
		        	<div class="val val3"></div>
		        </div>
		        <div class="quad quad4">
		        <div class="val val4"></div>
		        </div>
		        <span class="score"></span> <!-- use "customtxt" instead of "score" if you want to add a custom text -->
		    </div>
	    </div>