body{font-family:helvetica,arial,sans-serif;font-size:12px;}

#box{width:250px;border:1px solid #000;height:17px;}
#bar{width:50%;background:#000;height:14px;color:#fff;text-align:right;padding:3px 0px 0px 0px;}

#box2{width:100px;border:1px solid #000;height:17px;}
#bar2{background:#000;height:14px;color:#fff;text-align:right;padding:3px 0px 0px 0px;}

#box3{width:250px;border:1px solid #000;height:17px;}
#bar3{background:url("bar.png");height:14px;color:#000;text-align:right;padding:3px 0px 0px 0px;}

.graph {
position: relative; /* IE is dumb */
width: 150px;
/*border: 1px #B1D632;*/
padding: 2px;
}
.graph .bar {
display: block;
position: relative;
background: #000;
text-align: center;
color: white;
height: 10px;
line-height: 10px;
}
.graph .bar span { position: absolute; left: 1em; }