HTML+CSS的一个进度条demo
来源:互联网 发布:java中调用方法本身 编辑:程序博客网 时间:2024/04/30 15:54
今天一个朋友问我一个问题,效果如图:
实现代码如下:
XML/HTML代码
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>无标题文档</title>
- </head>
- <body>
- <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>
- </body>
- </html>
期待大家有更好的解决方案。
- HTML+CSS的一个进度条demo
- 一个CSS+DIV的demo
- html css js 进度条
- COCOS2D-X之圆形进度条的一个简单Demo
- 实现 一个圆环进度条的Demo---渣渣级别
- 一个html分页器的demo
- 记一个html转义的demo
- 一个demo学会css
- css样式实现一个进度条
- css+html简单布局demo
- [Demo][Add HTML+CSS+JQuery]
- html/css网站demo实战
- 一个超炫酷带阴影的CSS/Sass 3D进度条
- 进度条的CSS写法
- HTML进度条的制作
- 静态进度条 上下左右居中 js css html
- 一个不错的HTML+CSS菜单示例
- 推荐一个 学习 html + css 的 地方
- 基于NHibernate的三层结构应用程序开发初步
- java虚拟机jvm关于内存的设置与调优
- 第一个Servlet程序
- PDF格式简单分析
- ubuntu更新源修改更新源
- HTML+CSS的一个进度条demo
- Linux 2.4.x 网络协议栈QoS模块(TC)的设计与实现
- ubuntu下使用iso虚拟光驱的方法
- 程序员的十层楼(4~5层)
- 分享一些老外的CSS Reset
- sdfsdf
- 手工配置Hibernate后采用Hibernate Reverse Engineering工具的错误分析
- weblogic集群
- 三种VMware数据备份和恢复方法