Untitled

<!DOCTYPE html>
<html>
<head>
<style>
.displayBar
{
	position: relative;
	width: 236px;
	height: 16px;
	border: 1px solid #666666;
	float: left;
	margin: 0 5px 0 0;
	overflow: hidden;
	background: #ffffff;
}
.displayBarFill
{
	width: 10%;
	height: 100%;
	background: #40628a;
	overflow: hidden;
	float: left;
}
.displayBarFill.good
{
	color: #ffffff;
	background: #4f7529;
}
</style>
</head>
<body>
<div class='displayBar'><div class='displayBarFill'></div></div>

</body>
</html>