marzban
دوشنبه 26 شهریور 1386, 13:19 عصر
برای مثال اگه می خواهید که لود کل صفحه بصورت progress bar نمایش داده بشه از روش زیر می توانید استفاده نمایید
<div id="divLoading" style="position: absolute; top: 100px; width: 100%; text-align: center;">
<table width="100%" height="100%" >
<tr>
<td></td>
<td width="320" align="center" bgcolor="#F2F2F2" style="border: 1px solid #808080">
<p><img src="wait_ax.gif" width="33" height="33" style="margin:15px;"></p>
<div style="border:1px solid gray; width: 300px; height: 14px; color: #333333; background-color: #DFDFDF">
<div id="prjBar" style="width: 0px; height: 100%; float: left; background-color:#0000FF">
</div>
</div>
<label id="lblPercent">0</label>%
<p></p>
<p><span lang="fa"><font size="2" face="tahoma">در حال بارگزاری اطلاعات ...</font></span><font size="2">
</font> </p>
<p><span lang="fa"><font size="2" face="tahoma" color="#FF0000"> .لطفا کمی صبر کنید</font></span></p>
<script language="javascript">
function setProgressBarValue(val){
p = val * 3;
document.getElementById('prjBar').style.width = p + 'px';
document.getElementById('lblPercent').innerHTML = val;
}
</script>
</td>
<td></td>
</tr>
</table>
</div>
در داخل body هم باید با توجه به نحوه نمایش باید کد های زیر را بگذارید
<script language="javascript">setProgressBarValue(10);</script>
<script language="javascript">setProgressBarValue(20);</script>
<script language="javascript">setProgressBarValue(30);</script>
<script language="javascript">setProgressBarValue(40);</script>
که این اعداد هم درصد های مربوطه هستند
<script language="javascript">
setProgressBarValue(100);
document.getElementById('divLoading').style.displa y='none';
document.getElementById('divMainWin').style.displa y='block';
document.getElementById('632881742889077500').styl e.display='none';
</script>