[ Posted by Moya ] ratings stars code any percentages as well as 1/2 stars

fiddle_094751.php

<style type="text/css">
	

	.rating-frame {
		width: 90px;
		height: 17px;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAIAAADd1h6tAAACXUlEQVQ4y5VTW27aUBCdJWQJXQpLyRK6gywhS+gSKrUf5CdK04JrwCIxuGnA+IEBJwYDtpMQMI/bczEpD19LcDUajWbmeM48TEz0ptNpoViEZhmPhF7TspRqtanrJ8Dm87lcKtm2DQ37WFjbcSqKMhwOLcuCfSxMLpdN05xMJrPZLKsg9VwXn6xrGgRFCpJUrVZHo9FiseBN2vZvWcaHkgRkIp/D0HelUmk0GoZpdrvdwWAQRdFuBdhBEDiOg25r9XoyJ0qa0TQNFZCxXC5Xq1WaVRiGjWbzf6ub3rx+/75W6/f7wgH4vg+Gz54nGAmYoIf31Ir5PsplRDMniTDIHJBM1pi5AJySJMv4aro3TPjg0LYwfzgsravFcWwYBm4SGttDSNd1b6exPRhWrKqq3mqBUjIxrAi0Ldt2XRdRMQyzAgDhg6XBoyhKTdPEMNDI+lPgzyR50hPD5m9W+ztBnwYbaZ9f/pB/d34CbBmPO/kzNiZo2MfCgseLUCUWETTsY2GdqzPmEwsJGrawIEXmZdC48KScV8z1rj+1v1GgEAsIJKGjO+rmOVueIOVQPDIuOcy/Pw/LtDS4sC6vsJXBh37aJCAzmRMlzYxlYoB5xJ7X4qXEoEDetrrp7dX5MrihuL4uCOl8GGuBH1HkCEby7t/wYbSImcSsHWnx3hDNnCSHPRJr7stfDstcAE7JveJJaXHzh4e2hU2evo6uiT0Q0+j1J2ETL7fEVO4Jf+w1tgfDHcYSTQqcEjYJD1YE++0XwY+oGIZtgiTCu2cBG55enhAVw0Aj60+BP5PkSe8fk+toIJaypK8AAAAASUVORK5CYII=');
		background-repeat: repeat-x;
		display: inline-block;
		vertical-align: middle;
	}

	.rating-frame .rating-fill{
		height: 17px;
		background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAIAAADd1h6tAAACXUlEQVQ4y5VTW27aUBCdJWQJXQpLyRK6gywhS+gSKrUf5CdK04JrwCIxuGnA+IEBJwYDtpMQMI/bczEpD19LcDUajWbmeM48TEz0ptNpoViEZhmPhF7TspRqtanrJ8Dm87lcKtm2DQ37WFjbcSqKMhwOLcuCfSxMLpdN05xMJrPZLKsg9VwXn6xrGgRFCpJUrVZHo9FiseBN2vZvWcaHkgRkIp/D0HelUmk0GoZpdrvdwWAQRdFuBdhBEDiOg25r9XoyJ0qa0TQNFZCxXC5Xq1WaVRiGjWbzf6ub3rx+/75W6/f7wgH4vg+Gz54nGAmYoIf31Ir5PsplRDMniTDIHJBM1pi5AJySJMv4aro3TPjg0LYwfzgsravFcWwYBm4SGttDSNd1b6exPRhWrKqq3mqBUjIxrAi0Ldt2XRdRMQyzAgDhg6XBoyhKTdPEMNDI+lPgzyR50hPD5m9W+ztBnwYbaZ9f/pB/d34CbBmPO/kzNiZo2MfCgseLUCUWETTsY2GdqzPmEwsJGrawIEXmZdC48KScV8z1rj+1v1GgEAsIJKGjO+rmOVueIOVQPDIuOcy/Pw/LtDS4sC6vsJXBh37aJCAzmRMlzYxlYoB5xJ7X4qXEoEDetrrp7dX5MrihuL4uCOl8GGuBH1HkCEby7t/wYbSImcSsHWnx3hDNnCSHPRJr7stfDstcAE7JveJJaXHzh4e2hU2evo6uiT0Q0+j1J2ETL7fEVO4Jf+w1tgfDHcYSTQqcEjYJD1YE++0XwY+oGIZtgiTCu2cBG55enhAVw0Aj60+BP5PkSe8fk+toIJaypK8AAAAASUVORK5CYII=');
		background-repeat: repeat-x;
		background-position: 0 -17px;
	}

</style>


<?php 
	$maxPossibleRating = 5
?>
 

<?php
	$averageUserRating = 3;
	$rating = 100 / ($maxPossibleRating/$averageUserRating);
?>

<div>
	Average Rating:3/5
	<div class="rating-frame">
		<div class="rating-fill" style="width: <?php echo $rating; ?>%"></div>
	</div>
</div>

<?php
	$averageUserRating = 4.5;
	$rating = 100 / ($maxPossibleRating/$averageUserRating);
?>

<div>
	Average Rating:4.5/5
	<div class="rating-frame">
		<div class="rating-fill" style="width: <?php echo $rating; ?>%"></div>
	</div>
</div>

<?php
	$averageUserRating = 5;
	$rating = 100 / ($maxPossibleRating/$averageUserRating);
?>
<div>
	Average Rating:5/5
	<div class="rating-frame">
		<div class="rating-fill" style="width: <?php echo $rating; ?>%"></div>
	</div>
</div>

<?php
	$averageUserRating = 4;
	$rating = 100 / ($maxPossibleRating/$averageUserRating);
?>
<div>
	Average Rating:4/5
	<div class="rating-frame">
		<div class="rating-fill" style="width: <?php echo $rating; ?>%"></div>
	</div>
</div>