61,129
社区成员
发帖
与我相关
我的任务
分享箭头进度条，留着下周用，IE下好用
<!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>
<title></title>
</head>
<body>
<div style="height:20px; width:400px;background:red; float:left; margin-
top:10px;color:white;font-size:12px;text-align:center;
line-height:20px;
overflow:hidden; ">写代码</div>
<div style=" border:20px solid white; border-left:30px solid red;width:0;
float:left;"></div>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
<div style="height:20px; width:400px;background:red; float:left; margin-
top:10px;color:white;font-size:12px;text-align:center;
line-height:20px;
overflow:hidden; ">写代码</div>
<div style=" border:20px solid white; border-left:30px solid red;width:0;
float:left;"></div>
</body>
</html>
...全文
请发表友善的回复…
发表回复
斯洛文尼亚旅游 2014-03-05
- 打赏
- 举报
呵呵，之前有见过通过border来实现魔兽技能冷却效果的。。http://bbs.csdn.net/topics/350004556
我自是年少-韶华倾负 2014-03-05
- 打赏
- 举报
哈哈 散分贴么 。如果你能贴完整的代码出来就更加好了。除了能拿到分数还能学习到。不过进度条神马的 不是用flash 更加好么 。柱状图之类的 用 div + css 模拟倒是很不错啊
