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

Question

[Dev]

Есть файл index.php

Нужно сделать так, чтобы браузер показывал значок загрузки, пока весь файл index.php не загрузился, или лучше пока не загрузится нужный мне код в index.php

И доброе время суток всем :)

Answer 1

[Александр Карабанов]

Вот например: NProgress: прогресс-бар как на You...

Comments

[Dev]

@karabanov не тоже не то, нужно просто 1 страницу загрузить (index.php)

[Александр Карабанов]

То то :-)

Answer 2

[Snewer]

Индикатор загрузки страницы? Это никак не связано с PHP и с выполнением php скрипта. Поищите "индикатор загрузки страницы".

Comments

[Dev]

все убрал php, просто я написал что код в index.php, вот и добавил php

Answer 3

[BIG_bu]

Загрузка: <input style="border:0;background:white" type="text" id="load" value="" >

<?php

for ($i=1;$i<=$num;$i++) {
  $arr=mysql_fetch_array($query);
  ...
echo("<script>document.getElementById('load').value='".$i." из ".$num."';</script>");
}

?>

Answer 4

[Юрий Лобанов]

preloader называется.
Гугли

Comments

[Dev]

@iiil это чет не подходит, нужно чтоб еще процент загрузки показывал

[Dev]

@iiil @karabanov нужно чет в этом роде www.theeggrepublic.com

[Александр Карабанов]

Это флеш-анимация. Не уверен, что она действительно отражает процесс загрузки страницы, а не играет чисто декоративную роль.

[Dev]

@karabanov не уверен со 2-рого раза она сразу до 100 грузит

[Юрий Лобанов]

@I_I с процентом тоже называется прелоадер. Гугли!

[Александр Карабанов]

@I_I, да, действительно отражает процесс загрузки, но факт остаётся фактом это флешь-приложение. Если хотите сделать такое гуглите, как советует @iiil

[Dev]

@iiil чет не могу найти то что мне нужно

[Александр Карабанов]

Я вам предлагал вариант с NProgress. Он на JS написан, следовательно буде работать даже там где нет флеша. Можете изучить, как работает NProgress (или любой иной подобный инстркмент) и модифицировать под свои потребности.

[Dev]

@karabanov в нем слишком много файлоф фиг пойми что и как работает https://github.com/rstacruz/nprogress где тут сам кусочек кода который отвичает за это фиг поймешь

[Юрий Лобанов]

@I_I значит какой вывод?

[Александр Карабанов]

Найдите готовый, но не факт, что он будет именно таким, какой хочется вам.
А кусочек кода вот здесь.

[Dev]

@karabanov а как его подключать?
вот например у меня есть код
<div> код скрипты и всякая фигня</div>
как мне подключить тот кусок, чтобы была загрузка, пока не загрузился полностью этот код?

[Dev]

@iiil вывод 1 решение не найдено.

[Александр Карабанов]

Я же давал ссылку :-) Да и на гит-хабе все же написано.

[Dev]

@karabanov там все по английски

[Юрий Лобанов]

@I_I вывод - что ты несмотря на свой продолжительный срок программирования так и не освоил простейших вещей.

[Dev]

@iiil возможно

[Александр Карабанов]

@I_I, а на русском, что либо внятное проблематично найти :-(

[Юрий Лобанов]

@karabanov нет, не проблематично.

[Юрий Лобанов]

@I_I @karabanov и еще, я не понимаю жалоб насчет английского! Во-первых, учите язык! Он понадобится в любом случае. Во-вторых, перед вами код! Это универсальный язык, при чем тут английский? Если не понимаете пояснений - гугл-транслейт. Если не достаточно этого - то советую задуматься, тем ли вы делом занялись.

[Александр Карабанов]

@iiil, погугли в рускоязычном сегменте интернета, как организовать авторизацию на радиус-сервере с использованием метода EAP-PEAP (каждому свой логин и пароль) абонентов подключающихся к вай-вай точке доступа, при том, что на клиентские устройства нет возможности добавить свой корневой сертификат.

[Dev]

@iiil @karabanov да в баню кароче на этот код, я забил нафиг, буду я еще из за какой то фигни заморачиватся

[Александр Карабанов]

@iiil я не жаловался ни английский :-)
Наоборот подтверждаю, что только в англоязычном сегменте интернета можно нагуглить решение нестандартного вопроса. А мусор всякий и шаблонные решения шаблонных задач и у нас хорошо гугляться.

[Dev]

@karabanov это он не вам написал, а мне типа я жалуюсь на английский :)
но действительно английский мне чет трудно выучить

[Александр Карабанов]

Так translate.google.ru в помощь :-)

[Dev]

@karabanov я и так им пользуюсь :)

Answer 5

[BIG_bu]

<div id="load" style="display:block">Загрузка</div>
<?php
//index.php
...
//end of index.php
?>
<script>document.getElementById('load').style.display='none';</script>