css写一个进度条

上午花了2个小时就为了调整js，但是后来才发现只要三行代码就可以解决了。
哥内心顿时就像吃了一斤屎一样。。。
整理记录一下，以后也许还会用到的：

css：

.bar_01{height:17px; width:375px; background:url(../img/bar01_bg.png) no-repeat;margin-top:8px;}
.bar_01_hover{background:url(../img/bar01_hover.png) no-repeat; height:17px; width:50%}
.bar_01_t{height:16px;line-height:16px;}

div：

<div class="bar_01 r">
<span class="bar_01_t r">50%</span>
<div class="bar_01_hover"></div>
</div>