Preloader с процентами?

Question

[Frezer]

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

Comments

[dummyman]

Сам по себе прелоадер, я счетаю уже зашквар.
А уж с процентиками - это долбо..бизм в квадрате.
Вам сначала фреймворки все загрузить для отображения прелоадера.
Да и какая разница что и сколько по времени он уже будет показывать до 100%... все уже будет загружено...

[Frezer]

dummyman:

Сам по себе прелоадер, я счетаю уже зашквар.

Почему же ?

[dummyman]

frezerto: Ровно по этой же причине, он тоже должен загрузиться. А еще он бесит потому что бросается в глаза первым при переходах по страницам. Всегда кажется что именно из-за прелодера страница грузится в несколько раз медленее.

[Frezer]

dummyman: а мне наоборот нравятся все эти прелоадеры

[dummyman]

frezerto: Не знаю, почему то к прелодерам такое же отношение как к всплывающей рекламе. Сразу ищешь глазами куда тыкнуть на крестик или на "Пропустить рекламу"

[Frezer]

dummyman:
Ну ладно.
Я бы свой прелоадер не закрыл бы

[twobomb]

Вопрос что ты собрался грузить?

[dummyman]

frezerto: да, не закрыл бы.
Вы делали этот прелодер, вот он вам и кажется крутым. Я мне он кажется навящевым. Чем он отличается от всплывающих на всю страницу баннеров с рекламой какого-нибудь автомобиля или, например, smart-часов? Вы это собираетесь пользователя заставлять смотреть это каждый переход по сайту? Да, тут не хватает звука и ссылки на всю страницу, открывающей окно в бэкграунд, для полного экшена.

Я бы свой прелоадер не закрыл бы

Никто бы не закрыл, все боятся кликнуть куда-нибудь не туда, наблюдая такое. А увидев сие чудо второй раз, не прелодер будут закрывать, а вкладку.

[dummyman]

Хотите по настоящему крутую демку?
osmbuildings.org
Полистайте до знакомых мест, мож до своего города.
Все векторные текстуры грузит с самого начала. Потом - только geojson.
Вы видете тут какие-нибудь прелоадеры? - Они бы только испортили впечатление!

Answer 1

[Илья Павлюков]

1. Написать функцию-callback которая будет вызываться при изменении "процентов", она должна будет ставить эту цифру непосредственно в preloader в нужный span (например).
2. В обработчик (для чего делаем прелоадер) расставить в ключевые точки (или рассчитывать математически) вызов колбэка.

Comments

[Frezer]

2. В обработчик (для чего делаем прелоадер) расставить в ключевые точки (или рассчитывать математически) вызов колбэка.

Как расставлять ключевые точки ?

[Илья Павлюков]

frezerto: Завит от того, что мы обрабатываем. Например, если это загрузка n файлов, то можно считать, что после каждой загрузки нужно вызвать callback и передать ему значение round(i/n*100), где i - номер текущего файла.