CSS:
#loading {
width:780px;--页面宽
height:540px;--页面长
z-index:999;
background:#F2F2F2;
padding:5px;
position:fixed;
text-align:center;
margin:0 auto;
}
#loadimg{
padding-top:200px;
margin:auto;
clear:both;
}
#loading div {
width:1px;
height:20px;
background:#F2F2F2;
}
jsp:
<head>
<script type="text/javascript">
// 开始进度条
$("#loading div").animate({width:"16px"});
</script>
</head>
<body>
<div id="loading" ><div id="loadimg"><img src="images/1G22RL3-2.gif" /></div></div>
<script type="text/javascript">
// 结束进度条
$("#loading").fadeOut();
</script>
</body>