HTML进度条
来源:互联网 发布:xampp配置php环境 编辑:程序博客网 时间:2024/06/11 14:59
<table align="center" width="90%">
<tr><td><div id="load_text">正在导入数据,已完成 <span id="load_percent" class="load_percent">0</span>,请稍候....</div></td></tr>
<tr><td>
<div id="load_progress" style="background-color:#6666ff;width:00%;height:18px"></div><BR>
<div id="progress1" style="color:#6666ff;font-family:Arial;font-weight:bold;height:18px">|</div><BR>
</td></tr>
</table>
<style>
.load_percent{
font-family:宋体;
font-style:oblique;
font-weight:bold;
color:#6666FF;
}
</style>
<script language="javascript">
var already = 0;
function display(max){
already++;
var dispObj = document.all.load_progress;
dispObj.style.width = 100.0*already/max+"%";
document.all.load_percent.innerHTML = 100.0*already/max+"%";
dispObj.innerHTML = "<span style='color:#FFFFFF;font-family:宋体;font-style:oblique'>"+100.0*already/max+"%</span>";
document.all.progress1.innerHTML += "|";
var timer = window.setTimeout("display("+max+")",200);
if (already >= max){
window.clearTimeout(timer);
document.all.load_text.innerHTML = "已完成。";
}
}
display(50);
</script>
- HTML进度条
- HTML进度条
- html进度条
- HTML进度条的制作
- html css js 进度条
- 一款HTML进度条设计
- HTML进度条动画
- 【HTML】- 网页加载进度条
- 简单的经典html进度条
- HTML 禁止拖动Video进度条
- HTML+CSS的一个进度条demo
- html进度条俩种实现方式
- HTML如何做出这种效果的进度条
- HTML中的进度条标签的应用<progress>
- html js 定制进度条 (一)
- html js 定制进度条 (二)
- 静态进度条 上下左右居中 js css html
- 进度条
- 2005幸福生活
- 条码技术
- 大学生IT创业还有神话吗?(转载)
- 美国ARCO 权威托福考试参考词汇
- 编写Java程序最容易犯的21种错误
- HTML进度条
- 托福常考的名词
- UNIX的Shell命令详解
- 装个论坛玩玩。Discuz! 4.0.0
- 测试你的Blog值多少钱?
- 托福阅读中常考单词词根总结
- 了其然,知其用,研其究,发其思
- mop里人才济济啊!看这一贴的精彩回帖!
- IBM Tivoli学习计划