JQuery UI - progresa joslas

Satura rādītājs
Mūsdienu vietnēs ir dažādi elementi, kuriem ir dažādas funkcijas un kuri padara konkrētus uzdevumus vietnē vienkāršus un vēl uzkrītošākus un patīkamākus acīm, padarot vietnes navigējamību un lietotājam sniegto lietojamību ārkārtīgi optimālu.
Progresa bāri
Progresa joslas ir atbildīgas par uzdevuma, piemēram, failu pārsūtīšanas vai augšupielādes, informācijas augšupielādes, gaitas parādīšanu.
Progressaras () metode
Metode progresa josla () paziņo, ka elements HTML to vajadzētu pārvaldīt un apstrādāt progresa joslas veidā. Tās iespējas ir objekts, kas nosaka tā uzvedību un izskatu.
Metode progresa josla () to var izmantot divos veidos:
• $ (atlasītājs, konteksts). Progresa josla (opcijas)
• $ (atlasītājs, konteksts) .progressbar ("darbība", parametri)
Apskatīsim tā izmantošanas piemēru:
  • Vispirms mēs iekļaujam nepieciešamos failus, bibliotēkas jQuery kā arī CSS:



  • Mēs pievienojam dažus stilus etiķetēm un joslai kā tādiem:

  • Mēs parādām savu metodi progresa josla () Mēs to saistām ar konteineru un papildus pievienojam dažus notikumus, lai noteiktu, kad notiek augšupielāde vai pārsūtīšana un, visbeidzot, kad tas ir pabeigts:

  • Visbeidzot, mēs pievienojam savu kodu HTML un etiķetes kur tiks parādīta mūsu progresa josla:


Notiek ielāde…

Mūsu koda ieviešana pārlūkprogrammā izskatītos šādi:

Visbeidzot, šeit mēs atstājam pilnu kodu, lai jūs varētu to pārbaudīt pats, neaizmirstot, ka mēs varam izmēģināt dažādas iespējas, notikumus un pat mūsu progresa joslas stilus.




jQuery UI Progressbar - pielāgota etiķete

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







Notiek ielāde…

Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu

Jums palīdzēs attīstību vietā, daloties lapu ar draugiem

wave wave wave wave wave