JQuery UI - Framstegsfält

Innehållsförteckning
Det finns olika element i moderna webbplatser som har olika funktioner och som gör specifika uppgif.webpter på en webbplats enkla och ännu mer slående och glädjande för ögat, vilket gör navigerbarheten på webbplatsen och användbarheten som tillhandahålls för användaren extremt optimal.
Framstegsfält
Framstegsfält är ansvariga för att visa hur en uppgif.webpt fortskrider, till exempel filöverföring eller uppladdning, informationsöverföring etc.
Metoden för progressbar ()
Metoden progressbar () förklarar att en del av HTML det bör hanteras och behandlas i form av en förloppsindikator. Dess alternativ är ett objekt som anger dess beteende och utseende.
Metoden progressbar () den kan användas på två sätt:
• $ (väljare, sammanhang) .progressbar (alternativ)
• $ (väljare, sammanhang) .progressbar ("action", params)
Låt oss se ett exempel på dess användning:
  • Först inkluderar vi nödvändiga filer, biblioteken för jQuery så väl som CSS:



  • Vi lägger till några stilar för etiketterna och stapeln som sådana:

  • Vi instanserar vår metod progressbar () Vi associerar den med en behållare och lägger dessutom till några händelser för att upptäcka när uppladdningen eller överföringen pågår och slutligen när den har slutförts:

  • Slutligen lägger vi till vår kod HTML och etiketterna där vår förloppsindikator visas:


Läser in…

Implementeringen av vår kod skulle se ut så här i webbläsaren:

Slutligen, här lämnar vi hela koden så att du kan testa den själv, utan att glömma att vi kan prova olika alternativ, händelser och till och med stilar för vår framstegsfält.




jQuery UI Progressbar - anpassad etikett

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







Läser in…

Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng

Du kommer att bidra till utvecklingen av webbplatsen, dela sidan med dina vänner

wave wave wave wave wave