Как создать свой индикатор загрузки страницы?

Как создать свой индикатор загрузки страницы?

Подскажите плиз. Я пробовал через JavaScript. Например на страничке 5 запросов к БД. Один запрос - это уже 20% от всей страницы и когда выполняеться первый запрос JavaScript пишет 20%, но потом я понял почему у меня всегда сразу показывает 100%, потому что PHP сделает все 5 запросов и потом уже возвращает клиенту. А есть какой то альтернативный вариант индикатора загрузки?

Заранее спасибо.
 

Линка

Новичок
Curly-fingers
1.Определить размер страницы, который отдается сервером(типа все в строку загнать и посмотреть ее длину-то есть кол. символов)-делается на сервере
2.в начала страницы(в head ) ставишь функцию типа:
<script>
function statusbar(){
window.status="Загружено :"+(document.getElementById('body').innerHTML.length/1234)*100+" %";
}//где 1234 это и есть размер страницы посимвольно например

</script>
.....
<body id=body>
3. после тега боди ставишь вызов на эту функцию через каждый 10мсек:
<script>
timer=setInterval(statusbar,10);
</script>
4. а в конец фала перед закрывающим боди ставь
<script>
clearTimeout(timer);// отмена таймера
</script>
Это теория, я пока еще не тестила но по идее учмтывая то что скрипт начинает выполнятся еще до полной загрузки кода должно сработать.
Минус подхода -- не учитывает загрузку картинок, а только тест html
 
Сверху