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>
Share

小 虾

哦也,我是小虾

You may also like...

1 Response

  1. 空泽宇说道:

    么么。。。。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据