JQuery UI - Trake napretka

Sadržaj
U suvremenim web stranicama postoje različiti elementi koji imaju različite funkcionalnosti i koji pojedine zadatke na web stranici čine jednostavnima, a još upečatljivijima i oku ugodnima, što navigaciju web mjestom i uporabljivost koju pruža korisniku čine iznimno optimalnom.
Trake napretka
Trake napretka odgovorne su za prikaz napredovanja zadatka, poput prijenosa ili prijenosa datoteke, prijenosa informacija itd.
Metoda progressbar ()
Način traka za napredak () izjavljuje da je element HTML njime treba upravljati i tretirati ga u obliku trake napretka. Njegove opcije su objekt koji specificira njegovo ponašanje i izgled.
Način traka za napredak () može se koristiti na dva načina:
• $ (birač, kontekst). Traka napretka (opcije)
• $ (selektor, kontekst) .progressbar ("radnja", parametri)
Pogledajmo primjer njegove uporabe:
  • Prvo uključujemo potrebne datoteke, knjižnice jQuery kao i CSS:



  • Dodajemo neke stilove za oznake i traku kao takve:

  • Instanciramo našu metodu traka za napredak () Povezujemo ga s spremnikom i dodatno dodajemo neke događaje kako bismo otkrili kada je prijenos ili prijenos u tijeku i konačno kad je dovršen:

  • Na kraju dodajemo naš kôd HTML i naljepnice gdje će se prikazati naša traka napretka:


Učitavam…

Implementacija našeg koda izgledala bi ovako u pregledniku:

Konačno, ovdje ostavljamo potpuni kôd kako biste ga sami testirali, ne zaboravljajući da možemo isprobati različite opcije, događaje, pa čak i stilove za našu traku napretka.




Traka napretka jQuery korisničkog sučelja - prilagođena oznaka

href = "http: //code.jquery.c… /jquery-ui.css" />







Učitavam…

Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod

Vi ćete pomoći u razvoju web stranice, dijeljenje stranicu sa svojim prijateljima

wave wave wave wave wave