JQuery UI - Fremdriftslinjer

Innholdsfortegnelse
Det er forskjellige elementer på moderne nettsteder som har forskjellige funksjoner, og som gjør spesifikke oppgaver på et nettsted enkle og enda mer slående og behagelige for øyet, noe som gjør navigasjonen på nettstedet og brukervennligheten som tilbys brukeren ekstremt optimal.
Fremdriftslinjer
Fremdriftslinjer er ansvarlige for å vise fremdriften til en oppgave, for eksempel filoverføring eller opplasting, opplasting av informasjon, etc.
Metoden for fremdriftslinje ()
Metoden fremdriftslinje () erklærer at et element av HTML den bør administreres og behandles i form av en fremdriftslinje. Alternativene er et objekt som spesifiserer oppførsel og utseende.
Metoden fremdriftslinje () den kan brukes på to måter:
• $ (velger, kontekst) .progressbar (alternativer)
• $ (velger, kontekst) .progressbar ("handling", params)
La oss se et eksempel på bruken:
  • Først inkluderer vi de nødvendige filene, bibliotekene til jQuery samt CSS:



  • Vi legger til noen stiler for etikettene og linjen som sådan:

  • Vi instantiserer vår metode fremdriftslinje () Vi knytter den til en beholder og legger i tillegg til noen hendelser for å oppdage når opplastingen eller overføringen pågår og til slutt når den er fullført:

  • Til slutt legger vi til koden vår HTML og etikettene hvor fremdriftslinjen skal vises:


Laster inn …

Implementeringen av koden vår vil se slik ut i nettleseren:

Til slutt forlater vi hele koden slik at du kan teste den selv, uten å glemme at vi kan prøve forskjellige alternativer, hendelser og til og med stiler for fremdriftslinjen.




jQuery UI Progressbar - Egendefinert etikett

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







Laster inn …

Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng

Du vil bidra til utvikling av området, dele siden med vennene dine

wave wave wave wave wave