您的位置：首页 > Web前端 > JavaScript

js实现进度条效果

2012-02-27 20:02 218 查看

<!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>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>js进度条</title>

<script language="javascript" type="text/javascript">

//要显示的数字

var c=0;

//输出显示的内容

var bar="";

//显示的格式

var style1="l";

function loadBar(){

//拼接显示的字符串的内容

bar=bar+style1;

//数字百分数累加

c++;

document.getElementById("loadBar").innerHTML=bar+" "+c+"%";

if(c<=100){

setTimeout("loadBar()",50);

}else{

location="js-163.html";

}

}

</script>

</head>

<body onload="loadBar()">

<div id="loadbar" style=" border:dashed 1px #CC0000; width:350px; height:20px; margin:auto">

</div>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航