分享百分比进度条
演示地址: http://56390.com/pro.htm
源代码:
<html>
<head>
<title> 数据查询中 </title>
<meta http-equiv= "Content-Language " content= "zh-cn ">
<meta http-equiv= "Content-Type " content= "text/html; charset=gb2312 ">
<meta http-equiv= "Page-Enter "
content= "progid:DXImageTransform.Microsoft.Pixelate(duration=1) ">
<script language= "javascript " type= "text/javascript ">
<!--
var win=null;
function NewWindow(mypage,myname,w,h,scroll,pos){
if(pos== "random "){LeftPosition=(screen.width)?Math.floor(Math.random()*(screen.width-w)):100;TopPosition=(screen.height)?Math.floor(Math.random()*((screen.height-h)-75)):100;}
if(pos== "center "){LeftPosition=(screen.width)?(screen.width-w)/2:100;TopPosition=(screen.height)?(screen.height-h)/2:100;}
else if((pos!= "center " && pos!= "random ") || pos==null){LeftPosition=0;TopPosition=20}
settings= 'width= '+w+ ',height= '+h+ ',top= '+TopPosition+ ',left= '+LeftPosition+ ',scrollbars= '+scroll+ ',location=no,directories=no,status=no,menubar=no,toolbar=no,resizable=no ';
win=window.open(mypage,myname,settings);}
// -->
</script>
<link href= "public/css.css " rel= "stylesheet " type= "text/css ">
<style type= "text/css ">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
.wait {
font-size: 12px;
text-decoration: none;
}
-->
</style>
</head>
<script type=text/javascript>
<!--
var ie5 = (document.all && document.getElementsByTagName);
var step = 0;
function setSB(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete ") {
filterEl = el.children[0];
valueEl = el.children[1];
if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = " ";
filterEl.style.filter = filterBackup;
}
filterEl.style.width = v/5 + "% ";
valueEl.innerText = v/5 + "% ";
inforEl.innerText = message;
}
}
function setSBByStep(v, el, inforEl, message) {
if (ie5 || document.readyState == "complete ") {
step = step/5 + v;
filterEl = el.children[0];
valueEl = el.children[1];
if (filterEl.style.pixelWidth > 0) {
var filterBackup = filterEl.style.filter;
filterEl.style.filter = " ";
filterEl.style.filter = filterBackup;
}
filterEl.style.width = step/5 + "% ";
valueEl.innerText = step/5 + "% "
inforEl.innerText = message;
}
}
function fakeProgress(v, el) {
if (v > = 501)
//location.href= "wait2.asp ";
valueEl.innerText = "100% 数据加载完毕正在载入页面…… ";
else {
setSB(v, el, infor, "数据正在装载中…… ");
window.setTimeout( "fakeProgress( " + (v + 1) + ", document.all[ ' " + el.id + " ']) ", 5);
}
}
//-->
</script>
<BODY bgcolor= "#ffffff " onload=fakeProgress(0,sb)>
<div align= "center "> <br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<span class= "wait "> 请稍候... </span> <br>
<br>
</div>
<DIV align=center>
<DIV id=sb style= "BORDER-RIGHT: #ffffff 1px solid; BORDER-TOP: #ffffff 1px solid; BACKGROUND: #CC0000; WIDTH: 400px; BORDER-BOTTOM: #cccccc 1px solid; HEIGHT: 14px; TEXT-ALIGN: left ">
<DIV id=sbChild1 style= "FILTER: Alpha(Opacity=0, FinishOpacity=80, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0); OVERFLOW: hidden; WIDTH: 100%; POSITION: absolute; HEIGHT: 12px ">
<DIV style= "BACKGROUND: #000000; WIDTH: 100% " hidden overflow: height:12px;> </DIV> </DIV>
<DIV style= "FONT-SIZE: 10px; WIDTH: 400px; COLOR: white; FONT-FAMILY: arial; POSITION: absolute; HEIGHT: 14px; TEXT-ALIGN: center "> </DIV> </DIV>
<P> </P>
<DIV id=infor style= "FONT-SIZE: 11px; WIDTH: 100%; COLOR: #000000; FONT-FAMILY: arial; POSITION: relative; HEIGHT: 14px; TEXT-ALIGN: center "> </DIV>
</DIV>
</body>
</html>
[解决办法]
沙发
[解决办法]
对js不是很感冒- -# 帮顶下
[解决办法]
谢谢
[解决办法]
看到JS，我就想起“奸商”
[解决办法]
顶一个
[解决办法]
不错,感谢分享!
[解决办法]
不错,感谢分享!
[解决办法]
谢谢分享，学习，顶
[解决办法]
不错！
[解决办法]
学习，谢谢
[解决办法]
弄下来了.收藏下.嘿嘿
[解决办法]
学习，谢谢
[解决办法]
kankan
[解决办法]
收藏先
JF
[解决办法]
学习，谢谢
[解决办法]
Mark
[解决办法]
支持~
[解决办法]
jf
[解决办法]
不兼容Firefox
不爽
[解决办法]
不错,感谢分享!
收藏了
[解决办法]
收藏了
[解决办法]
收藏
[解决办法]
不错,感谢分享!
收藏了
[解决办法]
感谢分享
[解决办法]
不错，强憾，谢谢共享
[解决办法]
只能帮顶!
[解决办法]
收藏～
[解决办法]
jf
[解决办法]
好东西
[解决办法]
up
[解决办法]
支持一下
[解决办法]
学习 顶一下
[解决办法]
谢谢分享，收藏
[解决办法]
蛮好玩的.呵呵
[解决办法]
mark
[解决办法]
用了,顶了.
[解决办法]
jf
[解决办法]
收藏了
顺便接分!
[解决办法]
up
[解决办法]
学习，收藏，顺便接分。
[解决办法]
学习,收藏
[解决办法]
好
[解决办法]
学习，收藏，顺便接分。
[解决办法]
up
[解决办法]
这个js的模型好象以前见到过的。
[解决办法]
收藏
[解决办法]
没感觉有多好，进度是假的，事实上加载你例子中这个文档不用那么长的时间。
[解决办法]
这个东东，怎么用啊？
[解决办法]
收藏 赫赫
[解决办法]
看到JS，我就想起“奸商”
=======================
[解决办法]
学习
[解决办法]
学习，谢谢
[解决办法]
mark
[解决办法]
make
[解决办法]
mark and up
[解决办法]
配色不错～
[解决办法]
接分
[解决办法]
JF
[解决办法]
过时了，其实用AJAX实现更简单，代码更易阅读
[解决办法]
mark css
[解决办法]
谢谢分享，学习
[解决办法]
没啥子用哟～
[解决办法]
不错，好东西！
[解决办法]
收藏
[解决办法]
好东西值得分享
