您的位置:首页 > Web前端 > HTML

html中静态进度条的实现

2015-10-10 16:26 477 查看
代码如下:

<div>
<div style="position: relative; height: 20px; width: 500px; border: 1px solid #ccc">
<div style="position: absolute; height: 20px; width: 77.1%; background: #FF6666; color: #000;"></div>
<div style="position: absolute; width: 100%; text-align: right;">77.1%</div>
</div>
</div>


效果如下:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: