Radial Rate 10 is a basic css based rating representation system which has a scale of 1-10 in some attractive colors.
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md Update README.md Mar 23, 2018
rating.css
sample.html

README.md

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>