Procentowy preloader

Question

Witam,

 

Jak stworzyć podobny preloader do tego: http://jaybabani.com/caliber-html/

Chodzi o stworzenie procentowego odliczania załadowania strony.

Answer 1

Najdłużej zwykle ładuje się grafika, dlatego możesz ładować grafiki w JSie jako new Image z polem .src, a potem dodać każdej eventListenera onLoad. Następnie dodajesz w tym callbacku do zmiennej, a gdy ta zmienna będzie się równać ilości grafik oznacza to załadowanie. Wizualnie tworzysz pasek np jako div i procentowo animujesz jego długość.