<%
for id= min to max
response.write "<
iframe border=0 vspace=0 hspace=0 marginwidth=0 marginheight=0 framespacing=0 frameborder=0 scrolling=no width=99% height=20 src='crhtml.asp?id="&id&"'></iframe>"
next
%>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>js进度条代码-www.jb200.com</title>
<style type="text/css">
body{
font-size:12px;
font-family:"verdana","宋体","arial";
color:#222;
text-decoration:none;
margin:8px;
}
#process1{
width:500px;
height:20px;
border:1px solid #333;
background-color:#cccccc;
}
#process2{
width:1px;
height:20px;
text-align:center;
background-color:#33ff00;
}
</style>
</head>
<body>
<div id="process1"><div id="process2"></div></div>
<div id='show'></div>
<script type="text/javascript">
//创建xmlhttprequest
var xmlhttp;
try{
xmlhttp = new xmlhttprequest();
}catch(e){
try{
xmlhttp = new activexobject("microsoft.xmlhttp");
}catch(e){
try{
xmlhttp = new activexobject("msxml2.xmlhttp");
}catch(e){
xmlhttp = null;
alert("您的浏览器不支持xmlhttp，无法完成此操作！");
}
}
}
//利用ajax的无刷新调用
function subhtml(id){
xmlhttp.open("get", "1.asp?id="+id+"&rnd="+math.random(), false);
xmlhttp.setrequestheader("content-type", "text/html; charset=gb2312");
xmlhttp.send(null);
var strtext="";
if(xmlhttp.status==200){
strtext = xmlhttp.responsetext;
}
return strtext;
}
//设置最小id和最大id
var idmin=2;
var idmax=11;
var isrun=false;
var myi=idmin;
//定时器
var intervalid =setinterval(showfun,500);
function showfun(){
if(isrun) return false;
isrun=true;
var res=subhtml(myi);
var para=document.createelement("div");
para.innerhtml = res;
document.getelementbyid("show").appendchild(para);
document.getelementbyid('process2').innertext=(100*(myi-idmin+1)/(idmax-idmin+1)).tofixed(2)+"%";
document.getelementbyid('process2').style.width=500*((myi-idmin+1)/(idmax-idmin+1))+"px";
myi++;
if(myi>idmax) window.clearinterval(intervalid);
isrun=false;
}
</script>
</body></html>
