Код HTML:
<SCRIPT LANGUAGE = "JavaScript">
<!--
<!-- Script Version 1.0
<!-- Scripted by SpaceMan
var documentSize = parseInt(document.fileSize / 1024);
document.write('<DIV ID = loadLayer STYLE = "position: absolute; top: 1px; left: 1px; visibility: visibly">');
document.write('<BR><BR><BR><BR><BR><BR><BR>');
document.write('<TABLE CELLSPACING = "2" CELLPADDING = "2" BORDER = "0">');
document.write('<TR>');
document.write('<TD ROWSPAN = "3" HEIGTH = "250" WIDTH = "250"></TD>');
document.write('<TD VALIGN = "bottom" ALIGN = "right" HEIGTH = "250" WIDTH = "270">');
document.write('<B>Loading . . .<BR>');
for (var i = 0; i < 10; i++)
{
document.write('<IMG SRC = "white.jpg" HEIGTH = "10" WIDTH = "20" BORDER = "1"> ');
}
document.write('<B>Connection type: ' + oClientCaps.connectionType + '<BR>');
document.write('Document size: ' + documentSize + ' kb</B>')
document.write('</TD>');
document.write('<TD ROWSPAN = "3"></TD>');
document.write('</TR>');
document.write('<TR>');
document.write('<TD ROWSPAN = "2"></TD>');
document.write('</TR>');
document.write('<TR>');
document.write('</TR>');
document.write('</TABLE>');
document.write('</DIV>');
function progressBar(pecent)
{
document.images[pecent].src = "blue.jpg";
if (pecent == 9)
{
document.getElementById("loadLayer").style.visibility = "hidden";
}
}
//-->
</SCRIPT>
Как Вы видите скрипт создает сам индикатор и содержит функцию, которая выполняется в конце загрузки.
Индикатором служит полоска, которая состоит из десяти частей, каждая часть показывается после завершения
десяти процентов загрузки, здесь раздолье Вашей фантазии.
Под графическим коэффициентом загрузки находяться некоторые данные - это тип соединения и размер
загружаемого документа.
Ниже приведено тело HTML докумнта:
<HTML xmlns:IE>
<HEAD>
<TITLE>Индикатор загрузки страницы - JavaScript</TITLE>
<STYLE>
@media all
{
IE\:CLIENTCAPS {behavior:url(#default#clientCaps)}
}
</STYLE>
<IE:CLIENTCAPS ID="oClientCaps" />
<DIV id="oPre"></DIV>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">
<!--
document.write('<DIV ID = firstLayer STYLE = "position: absolute; top: 1px; left: 1px; visibility: hidden">');
<!-- Место для вставки текста страницы, разбитого на блоки загрузки
document.write('</DIV>');
//-->
</SCRIPT>
<SCRIPT LANGUAGE = "JavaScript">
progressBar(9);
document.getElementById("firstLayer").style.visibility = "visible";
</SCRIPT>
</BODY>
</HTML>