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>
效果如下:
相关文章推荐
- HTML head 头标签
- Html编码
- MVC 调试页面路径变成 Views/Controller/Action.cshtml问题
- html a标签
- 使用HtmlUnit获取博客园第一页的所有文章标题
- html基础-标题
- html的input输入框提示信息 点击隐藏
- 奖学金申请表--用html中的table实现
- html 中include另外一个页面
- html 中include另外一个页面
- HTML大全
- HTML的文本输入框、密码输入框
- html的表单简介
- HTML基金会2----联系,像, 第,对齐
- 关于HTML的多媒体标签
- 关于HTML的表单标签
- 关于HTML的清单标签
- 关于HTML的表格标签
- 关于HTML的框架标签及内嵌框架
- 关于HTML的超链接标签