JQuery UI - Statuslinjer

Der er forskellige elementer i moderne websteder, der har forskellige funktionaliteter, og som gør specifikke opgaver på et websted enkle og endnu mere slående og behageligt for øjet, hvilket gør webstedets navigering og brugervenligheden yderst optimal.
Fremskridtsbjælker
Statuslinjer er ansvarlige for at vise fremdriften i en opgave, f.eks. Filoverførsel eller upload, informationsupload osv.
Fremgangsmåden ()
Metoden statuslinje () erklærer, at et element af HTML det bør administreres og behandles i form af en statuslinje. Dens muligheder er et objekt, der angiver dets adfærd og udseende.
Metoden statuslinje () det kan bruges på to måder:
• $ (vælger, kontekst) .progressbar (valgmuligheder)
• $ (vælger, kontekst) .progressbar ("handling", params)
Lad os se et eksempel på dets anvendelse:

• Først inkluderer vi de nødvendige filer, bibliotekerne af jQuery samt CSS:

• Vi tilføjer nogle stilarter til etiketterne og bjælken som sådan:

• Vi instantiserer vores metode statuslinje () Vi forbinder det med en container og tilføjer derudover nogle hændelser for at registrere, hvornår upload eller overførsel er i gang, og endelig når det er blevet gennemført:

• Endelig tilføjer vi vores kode HTML og etiketterne hvor vores statuslinje vises:

Indlæser…

Implementeringen af ​​vores kode ser sådan ud i browseren:

Endelig forlader vi her den komplette kode, så du kan teste den selv, uden at glemme, at vi kan prøve forskellige muligheder, begivenheder og endda stilarter til vores statuslinje.




jQuery UI -statuslinje - tilpasset etiket

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







Indlæser…

Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt