盗版aw的网页加载进度条

<div id="progressbar">
<span id="progressdone"></span>
<span id="progressing"></span>
<span id="progresstip">载入中&hellip;</span>
</div>

#progressbar{
top:0;
left:0;
position:fixed; /* 固定在浏览器窗口的左上角 */
border:none;
z-index:4;
}
#progressbar span{
position:absolute; /* 绝对定位 */
height:1.5em;
opacity:0.6;
}
#progressdone{
background:#888; /* 底色 */
width:100px; /* 进度条宽度 */
z-index:5;
}
#progressing{
background:#454545;  /* 进度的颜色 */
width:6px;  /* 初始宽度 6 */
z-index:5;
}
#progresstip{
font-size:12px;
font-weight:lighter;
text-align:center;
vertical-align:middle;
z-index:7;
width:100px;
color:#FFF;
}

<script type="text/javascript">$('#progressing').width(25);</script>

<script type="text/javascript">
// <![CDATA[
document.write('<style type="text/css">#progressing{width:25px;}</style>');
// ]]>
</script>

<script type="text/javascript">
$('#progressing').width(97);
$(document).ready(function(){ // document 加载完的时候
 $('#progressing').width(100);  // 宽度调整为 100px 
 $('#progresstip').html('100%');  // 进度字符显示 100%
 // 停顿 0.5 秒后，将进度条隐藏
 setTimeout(function(){$('#progressbar').hide();}, 500);
});
</script>

<script type="text/javascript">
//<![CDATA[
document.write('<style type="text/css">#progressing{width:97px;}</style>');
 
function hideProgressBar(){
 document.write('<style type="text/css">#progressbar{display:none;}</style>');
}
 
function finishMyProgress(){
 document.write('<style type="text/css">#progressing{width:100px;}</style>');
 document.getElementById('progresstip').innerHTML = '100%';
 setTimeout(hideProgressBar, 500);
}
document.body.onload = finishMyProgress;
//]]>
</script>