Представим что у нас сайт (SPA), все страницы грузятся аяксом, мы к примеру юзаем history api. Возможно ли, каким-то образом, показывать юзеру прогресс загрузки страницы? Именно не какую-то анимацию, а реальные данные. Пример того что имею ввиду - красная полоса загрузки, вверху, на youtube.com. Я не думаю что там реальный прогресс, но все же, хочется услышать идеи несмотря на то - насколько тупая эта идея. Это все, при учете что на бэкенде nodejs или php. Как я делал (но получилось просто фэйкопрогрессбар, но выглядело красиво):
Когда юзер кликает на ссылку, прогрессбар начинает наполняться, скорость анимации на этом этапе равна макс. врем. ожидания на сервере в соответствии с шириной самого прогрессбара.
Если ответ пришел, то быстро, плавно, наполняем прогрессбар до конца (300ms например).
- Если нет ответа то ждем ошибку о истечении time-out и прячем прогресс.
Все это завязано на времени, как упомянул выше - выглядит неплохо, ну так же как это сделано на ютубе. Но вот интересно, можно ли именно реальные данные показывать, вплоть до размера загружаемой страницы и скорости загрузки прям на этом прогрессбаре.