新闻资讯

首页 > 建站知识 > DIV+CSS打造进度条效果
DIV+CSS打造进度条效果发布时间:2019-08


演示效果截图



HTML代码

<style type="text/css">
a { color:#000; }
</style>
<div style=" position:relative; border:1px #CCC solid; 
height:28px; width:500px; margin:0 auto; padding:1px">
  <div style=" background:#3F9; height:28px; width:200px"></div>
  <strong style=" position:absolute; width:500px; top:7px; 
  text-align:center; overflow:hidden">当前进度1000,下个进度2000</strong>
  </div>