body{font-family:"Open Sans","Helvetica Neue",helvetica,arial,sans-serif;font-size:14px}#box{width:250px;border:1px solid #000;height:17px}#bar{width:50%;background:#000;height:14px;color:#fff;text-align:right;padding:3px 0 0 0}#box2{width:100px;border:1px solid #000;height:17px}#bar2{background:#000;height:14px;color:#fff;text-align:right;padding:3px 0 0 0}#box3{width:250px;border:1px solid #000;height:17px}#bar3{background:url(bar.png);height:14px;color:#000;text-align:right;padding:3px 0 0 0}.graph{position:relative;width:150px;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}