div+css进度条

最新推荐文章于 2024-04-17 11:28:05 发布

iteye_9916

最新推荐文章于 2024-04-17 11:28:05 发布

阅读量165

点赞数

分类专栏： web

web 专栏收录该内容

14 篇文章

订阅专栏

在网上找了个div+css的进度条，稍加整理下，以便于以后使用
代码如下：


<div style=" position:relative; border:1px #CCC solid; height:28px; width:500px; margin:0 auto; padding:1px">
	<div style=" background:#3F9; height:28px; width:50%"></div>
	<strong style=" position:absolute; width:500px; top:7px; text-align:center; overflow:hidden">50%</strong>
 </div>

具体变化只需要控制第二个div中的css的width,给他传一个百分值就ok了，这样就可以达到动态控制进度条了