html
来源:互联网 发布:2016nba总决赛数据统计 编辑:程序博客网 时间:2024/06/05 12:42
<html>
<head>
<title>简单的进度条</title>
<style type="text/css">
<!--
#ProgressBar {
font:12px Verdana, Arial, Helvetica, sans-serif;
border:1px solid #5B94DF;
}
#Pointer {
border:1px solid #FFFFFF;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDE9F9, endColorstr=#81ACE7);
}
#Lable {
position:absolute;
width:100%;
text-align: center;
}
-->
</style>
<script>
i=0;
function run() {
i++;
p = i + "%";
document.getElementById("Pointer").style.width = p;
document.getElementById("Lable").innerHTML = p;
flag = window.setTimeout(run,300);
if(i == 100) { window.clearTimeout(flag); i=0;}
}//Endfor
</script>
</head>
<body><br/>
<table width="400">
<tr>
<td bgcolor="#FFFFFF" style="padding:2px">
<div id="ProgressBar">
<div id="Lable">0%</div>
<div id="Pointer" style="width:0%"></div>
</div></td>
</tr>
</table><br/>
<button onClick="run();">开始</button>
</body>
</html>
- html
- html
- html
- HTML
- HTML
- html
- html
- html
- html
- HTML
- HTML
- Html
- html
- HTML
- html
- HTML
- HTML
- HTML
- “21天教你学会C++”[来自CoolShell]
- html
- fread函数 和 feof函数
- Nutch 1.3 学习笔记3-1 Inject CrawlDB Reader
- html
- html
- 最近工作生活的总结
- TIME_WAIT 状态
- 在Windows上用QEMU仿真ARM系统
- Java 异常处理及其应用
- Qemu-ARM-Ubuntu 实验
- VPS独立服务器如何远程登录(windows和linux)
- 有名管道FIFO的一个客户端输出
- 绝对位置和相对位置转化