Моля почакайте, страницата зарежда!

Първи вариант:

<html>
<head>
<style type="text/css">
<!--
#pageloading {
width: 170px;
position: absolute;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -90px;
padding-top:10px;
padding-bottom:10px;
text-align: center;
border: 1px solid #C0C0C0;
background: #F7F9FF;
}
-->
</style>
</head>

<body>
<script type="text/javascript">
document.write('<div id="pageloading"><font style="font-family:verdana;font-size:10px;">Моля почакайте!<br />( страницата се зарежда )</font></div>');
window.onload=function(){ document.getElementById("pageloading").style.display="none"; }
</script>

... останалата част от body кода!

</body>
</html>

Ето и вторият вариант: (заоблени ъгли + loading.gif)

<html>
<head>
<style type="text/css">
<!--
#pageloading {
position: absolute;
left: 50%;
top: 50%;
margin-top: -50px;
margin-left: -90px;
text-align: center;
}
-->
</style>
</head>

<body>
<script type="text/javascript">
document.write('<table id="pageloading" width="150" border="0" align="center" cellpadding="0" cellspacing="0">');
document.write('<tr><td width="150" height="10" background="loading/tdtop.gif"></td></tr>');
document.write('<tr><td width="150" align="center" background="loading/tdcenter.gif"><font style="font-family:verdana;font-size:10px;color:#333333">Моля почакайте!<br /><img src="loading/loading.gif" width="101" height="15" border="0" alt="Loading..." style="margin-top: 1px;" /><br />( страницата зарежда )</font></td></tr>');
document.write('<tr><td width="150" height="10" background="loading/tdbottom.gif"></td></tr>');
document.write('</table>');
window.onload=function(){ document.getElementById("pageloading").style.display="none"; }
</script>

... останалата част от body кода!

</body>
</html>