Как показать индикатор выполнения, когда пользователь пытается загрузить файл

Question

У меня есть сайт, который загружает PDF, когда пользователь нажимает кнопку.Единственное, что для создания этой pdf-сервера требуется около 15 секунд, так что в настоящее время пользователь задается вопросом, почему это так медленно.Как я могу отобразить индикатор выполнения, который будет отображаться, когда сервер буферизирует PDF-файл, а затем исчезнет, ​​когда загрузка начнется (или остановится, как угодно).

** отредактировано **

Я использую jquery и до сих пор, что я сделал на клике, я добавил класс и применил фоновое изображение.Фоновое изображение представляет собой анимированный GIF и показывает вверх.Я надеялся, что после того, как вы нажмете, чтобы загрузить PDF, он перенаправит браузер в PDF, а затем вернется на страницу после начала загрузки, обновив страницу и удалив фоновое изображение.Никаких кубиков: (

Я попробую уникальный подход, как описано ниже.

Идеи ??

Answer 1

Вы можете просто добавить счетчик (чтобы показать пользователю, что что-то происходит), а затем написать, что создание PDF занимает около 15 секунд.Этого должно быть достаточно для большинства пользователей.

Answer 2

Ваш серверный код должен дать каждому PDF уникальный идентификатор. Когда пользователь щелкает, чтобы загрузить файл PDF, AJAX получает уникальный идентификатор. Затем AJAX может получить доступ к странице на стороне сервера (progress.php? Pdf-id = 4), которая вернет прогресс. Пользовательский интерфейс jQuery имеет индикатор выполнения, который уже настроен, поэтому вам не нужно создавать его самостоятельно.