Форум Сайтостроение Веб-строительство

Нужен скрипт прогресс-бара

S
На сайте с 21.07.2010
Offline
62
Seolog
699

Здравствуйте,

Если кто имеет опыт, подскажите скрипт прогресс-бара, который можно применить для отдельных (тяжелых) страниц сайта, для того, что бы пользователь понимал, что идет загрузка страницы.

Например - такое же изображение как при загрузке картинок.

Спасибо.

LEOnidUKG
На сайте с 25.11.2006
Offline
1723
LEOnidUKG
#1

Что-то типо такого... 

<body>

<script type='text/javascript'>

function loading()

{

    el=document.getElementById('loading');

    el.style.visibility='visible';

    el.style.background='#AAAAAA';

    el2=document.getElementById('img_load');

    el2.style.visibility='visible';

}



function stop()

{

    el=document.getElementById('loading');

    el.style.visibility='hidden';

    el.style.background='#AAAAAA';

    el2=document.getElementById('img_load');

    el2.style.visibility='hidden';

    setTimeout('stop()',2000);

}

</script>

<script type='text/javascript'>loading();</script>



<div style='filter:alpha(opacity=20); opacity: 0.2; width:100%; height: 120%; background:#000;position: absolute; visibility: hidden;' id='loading'>

    <div align="center" style="margin-top: 115px;z-index:9999;" id="img_load"><img src="http://www.ajaxload.info/cache/FF/FF/FF/00/00/00/1-0.gif">Идёт загруказ...</span></div>

</div>

<script type='text/javascript'>stop();</script>

</body>
✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/
S
На сайте с 21.07.2010
Offline
62
Seolog
#2
LEOnidUKG:
Что-то типо такого... 

<body>

<script type='text/javascript'>

function loading()

{

    el=document.getElementById('loading');

    el.style.visibility='visible';

    el.style.background='#AAAAAA';

    el2=document.getElementById('img_load');

    el2.style.visibility='visible';

}



function stop()

{

    el=document.getElementById('loading');

    el.style.visibility='hidden';

    el.style.background='#AAAAAA';

    el2=document.getElementById('img_load');

    el2.style.visibility='hidden';

    setTimeout('stop()',2000);

}

</script>

<script type='text/javascript'>loading();</script>



<div style='filter:alpha(opacity=20); opacity: 0.2; width:100%; height: 120%; background:#000;position: absolute; visibility: hidden;' id='loading'>

    <div align="center" style="margin-top: 115px;z-index:9999;" id="img_load"><img src="http://www.ajaxload.info/cache/FF/FF/FF/00/00/00/1-0.gif">Идёт загруказ...</span></div>

</div>

<script type='text/javascript'>stop();</script>

</body>

Почему то не работает. Пробовал по разному.

Мы правильно поняли друг друга?

Тяжеловесная страница на сайте, (сверстанная в таблицах, по этой причине эксплорер открывает её только целиком после загрузки) грузится около 20 секунд.

Для того, что бы пользователь понимал что нужно подождать - требуется прогресс-бар.

Если это тот скрипт который нужен, подскажите как правильно его интегрировать в cms.

Спасибо!

Боты лезут на favicon Хочу открыть хостинг. Что Google: мы учитываем релевантность

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий