„jQuery“ vartotojo sąsaja - progreso juostos

Turinys
Šiuolaikinėse svetainėse yra įvairių elementų, kurie turi skirtingas funkcijas ir dėl kurių tam tikros užduotys svetainėje tampa paprastos, dar ryškesnės ir malonesnės akiai, todėl svetainės naršymas ir naudotojui suteiktas patogumas yra itin optimalus.
Progreso barai
Eigos juostos yra atsakingos už tokios užduoties, kaip failų perkėlimas ar įkėlimas, informacijos įkėlimas ir tt, eigą.
Progresavimo juostos () metodas
Metodas progreso juosta () skelbia, kad elementas HTML ji turėtų būti valdoma ir traktuojama kaip pažangos juosta. Jo parinktys yra objektas, nurodantis jo elgesį ir išvaizdą.
Metodas progreso juosta () jis gali būti naudojamas dviem būdais:
• $ (parinkiklis, kontekstas). Eigos juosta (parinktys)
• $ (parinkiklis, kontekstas) .progressbar („veiksmas“, parametrai)
Pažvelkime į jo naudojimo pavyzdį:
  • Pirmiausia įtraukiame reikiamus failus, bibliotekas „jQuery“ taip pat CSS:



  • Pridedame keletą etikečių ir juostos stilių:

  • Mes parodome savo metodą progreso juosta () Mes susiejame jį su sudėtiniu rodiniu ir papildomai pridedame keletą įvykių, kad nustatytume, kada įkeliamas ar perkeliamas, ir galiausiai, kai jis baigtas:

  • Galiausiai pridedame savo kodą HTML ir etiketes kur bus rodoma mūsų pažangos juosta:


Įkeliama…

Mūsų kodo diegimas naršyklėje atrodytų taip:

Galiausiai, mes paliekame visą kodą, kad galėtumėte jį išbandyti patys, nepamiršdami, kad galime išbandyti įvairias savo pažangos juostos parinktis, įvykius ir net stilius.




„jQuery“ vartotojo sąsajos progreso juosta - pasirinktinė etiketė

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







Įkeliama…

Ar jums patiko ir padėjo ši pamoka?Galite apdovanoti autorių paspausdami šį mygtuką, kad suteiktumėte jam teigiamą tašką

Padėsite svetainės plėtrą, dalintis puslapį su draugais

wave wave wave wave wave