您的位置：首页 > Web前端 > CSS

纯CSS 制作进度条

2012-12-28 21:18 155 查看
版权声明：本文为博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。 本文链接：https://blog.csdn.net/LinLW567/article/details/84373985 

<div style='border:1px gray solid;padding:1px;width:100px;height:14px;line-height:14px;background-color:white;font-size:12px'>
<div style='width:100px;text-align:center;color:green;'>四十七</div>
<div style='width:47px;margin-top:-14px;overflow:hidden;'>
<div style='width:100px;background-color:green;text-align:center;color:white;'>四十七</div></div></div>


好处
1 纯CSS 无图片
2 所有颜色都可更改
3 当进度条遮住字的一般的时候,仍然有良好的效果
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航