
Нашел вот на одном сайте такую штуковину.....
Не знаю насколько это кому то пригодится, но все же. Это небольшой индикатор загрузки страницы который появляется в левом углу сайта до тех пор пока не прогрузиться страница.
Ставится это дело легко и не принужденно:
после <head> вставляем вот этот код
<!-- Loading of page --> <div style="position:relative"> <div id="pg-loading" onclick="this.style.display='none'" style="position:fixed; top:7px; left:7px; display:none; font-family:tahoma; font-size:8pt; background:rgba(0,0,0,0.8); color:#fff; padding:4px 8px 4px 8px; z-index:999; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;"><b>Загрузка...</b></div> </div> <script async type="text/javascript"> document.getElementById('pg-loading').style.display=''; </script> <script>$('#pg-loading').fadeIn(1000);$('#pg-loading').fadeIn(1);</script>
а перед </body> вот это
<script>$('#pg-loading').fadeOut(1600);$('#pg-loading').fadeOut(1400);</script>
При установке меняется шрифт на сайте, что бы этого не было уберите из кода строчку связанную со шрифтом:
font-family:tahoma; font-size:8pt; background:rgba(0,0,0,0.8);
Вот и все! Посмотреть результат можно опять же
ТУТ
о как) спасибо, неплохая вещь!