Текст загрузки веб-страницы

Возможно, этот вопрос был раньше, но я не смог найти подходящий ответ для своих нужд. Я бы спросил, как люди делают загрузку текста, например, текст серый, а слева направо он становится белым при загрузке страницы. Когда он достигнет конечной страницы, загружается и отображается страница. То же самое с прядильщиками... Или другим примером является то, как сделать загрузку страницы загрузки 0%, 1% - 100% и когда она загружается на 100%... Каков наилучший способ для этого?

Благодарю.

1 ответ

Некоторые комментарии здесь говорят о том, что это невозможно сделать без Flash, но я видел это раньше в чистом html. Он распространен в сложных приложениях для демонстрации/визуализации и веб-приложений.

Фокус в том, что страница загружается нормально, а затем код JavaScript запускается, чтобы предварительно загрузить все изображения и другие ресурсы в кеш. Вы можете следить за ходом этого с помощью JavaScript и обновлять индикатор выполнения, пока вы это делаете.

В этой статье рассматриваются только кэширование изображений, но первый комментарий в конце ссылки на статью о кешировании других ресурсов:

Я также видел, что это сделано довольно много, если страница загружает большую часть контента через запрос AJAX. Чтобы включить это, потребуются существенные структурные изменения для вашего сайта, но если вы еще не загружаете части страницы через AJAX. Если вы используете ajax, тогда вы можете отправить запрос, установить анимацию спиннера для отображения, а затем выполнить обратный вызов "ajax request complete", который удалит счетчик и скажет "сделано!". Однако это не так интерактивно, как опция индикатора выполнения.

Наконец, вы могли бы сделать действительно базовую версию этого, я думаю, добавив некоторые сразу после чтобы скрыть страницу, а затем в событии с готовностью jquery вы могли бы угасать div, который скрывал содержимое. Никакой интерактивный индикатор прогресса, но я думаю, что это сработает.

licensed under cc by-sa 3.0 with attribution.