Cuprins
Există diferite elemente în site-urile web moderne care au funcționalități diferite și care fac sarcinile specifice de pe un site web simple și chiar mai izbitoare și mai plăcute la vedere, făcând navigabilitatea site-ului și utilizabilitatea oferită utilizatorului extrem de optimă.Bare de progres
Barele de progres sunt responsabile pentru afișarea progresului unei sarcini, cum ar fi transferul sau încărcarea fișierelor, încărcarea informațiilor etc.
Metoda progressbar ()
Metoda bara de progres () declară că un element al HTML ar trebui gestionat și tratat sub forma unei bare de progres. Opțiunile sale sunt un obiect care îi specifică comportamentul și aspectul.
Metoda bara de progres () poate fi folosit în două moduri:
• $ (selector, context) .progressbar (opțiuni)
• $ (selector, context) .progressbar ("acțiune", parametri)
Să vedem un exemplu de utilizare a acestuia:
- Mai întâi includem fișierele necesare, bibliotecile din jQuery la fel de bine ca CSS:
- Adăugăm câteva stiluri pentru etichete și bară ca atare:
- Ne instanțiem metoda bara de progres () Îl asociem cu un container și adăugăm în plus câteva evenimente pentru a detecta când încărcarea sau transferul este în curs și în cele din urmă când a fost finalizată:
- În cele din urmă adăugăm codul nostru HTML și etichetele unde va fi afișată bara noastră de progres:
Se încarcă…
Implementarea codului nostru ar arăta astfel în browser:
jQuery UI Progressbar - Etichetă personalizată
href = "http: //code.jquery.c… /jquery-ui.css" />
Se încarcă…
V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv
