출처 : www.Taeyo.net
아래 아티클은 특정 HTML 페이지가 로드시
프로그레스바 또는 진행바라 불리울만한 이미지를 포함해서
전체 페이지가 보여지기전에 해당 로딩되는 상태를 이미지로 표현해서
좀 더 시각적인 효과를 보여주고자 할 때 사용하는 내용입니다.
아래 설명대로 페이지를 구성하시면 긴 시간 처리되는 페이지에는
프로그레스 이미지가 보여집니다.(단, 이미지로 따로 준비하셔야 합니다.)
[소스 리스트]
<div id="loadingBar" style="position:absolute;">
<table width="760" height="307" cellspacing="0">
<tr>
<td align="absmiddle"><center><img SRC="images/loading5.gif"></center></td>
</tr>
</table>
</div>
<body> 태그 바로 밑에 다음 코드를 넣으세요
<div id="divBody" style="display:none">
그리고, </body> 코드 바로 위에 </div> 태그를 넣으시구요
마지막으로 페이지 제일 밑에 다음 코드를 넣으시면 됩니다.
<script language="javascript">
document.all.loadingBar.style.display="none";
document.all.divBody.style.display="";
</script>