Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][CSS][HTML] progress bar zależny od poziomu wczytania strony www
Forum PHP.pl > Forum > Przedszkole
XP'ek
Witam wszystkich,

potrzebuję przygotować komendę w jQ która będzie zmieniać wartość paska postępu do momentu wczytania strony całkowicie i zastanawiam się jak to wykonać

mam np. taki kod html gdzie width wiadomo 20% stanowi jakiś tam już czas wczytywania i szukam funkcji jQ która jest w stanie zapewnić mi a bardziej odwzorować pasek ładowania do momentu wczytania strony

  1. <div class="container">
  2. <div class="progress progress-striped active">
  3. <div class="bar" style="width: 20%;"></div>
  4. </div>
  5. </div>
Greg0
Może spróbuj wykorzystać coś co już zostało stworzone: http://jqueryui.com/progressbar/
XP'ek
Kolego tutaj nie chodzi o sam pasek tylko zanimowanie go w miarę rzetelnie do czasy wczytywania strony www, że jeśli się wczytuje to niczym w flash'u masz taki pasek postępu wink.gif i mi chodzi o propozycję funkcji do osiągnięcia rezultatu smile.gif

chce uzyskać ten efekt ale tak jak już zaznaczyłem realny względem ładowania strony www
http://jsfiddle.net/xXM2z/
Greg0
Podejrzewam że realny czas ładowania jest uzyskać ciężko, możesz spróbować wtyczki QueryLoader, która coś takiego wykonuje ale nie wiem na ile można ją dostosować pod siebie (progress bar). Ja więcej nie jestem w stanie pomóc.
Można się bawić z jquery ready(), ukryć stronę domyślnie w css, i dopiera przy wykonaniu funkcji ready() pokazać stronę ale jak to się ma do rzeczywistości nie jestem w stanie określić. Może się wypowie ktoś bardziej obeznany.
XP'ek
ok dzięki za chęci smile.gif zaraz zobaczę ten jQueryLoader smile.gif i zobaczymy co będzie dalej
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.