JQuery UI - Barre di avanzamento

Sommario
Esistono diversi elementi nei siti web moderni che hanno funzionalità diverse e che rendono semplici e ancora più sorprendenti e piacevoli alla vista le attività specifiche su un sito web, rendendo estremamente ottimale la navigabilità del sito e l'usabilità fornita all'utente.
Barre di avanzamento
Le barre di avanzamento sono responsabili della visualizzazione dell'avanzamento di un'attività come il trasferimento o il caricamento di file, il caricamento di informazioni, ecc.
Il metodo progressbar()
Il metodo barra di avanzamento () dichiara che un elemento del HTML dovrebbe essere gestito e trattato sotto forma di barra di avanzamento. Le sue opzioni sono un oggetto che ne specifica il comportamento e l'aspetto.
Il metodo barra di avanzamento () può essere utilizzato in due modi:
• $ (selettore, contesto) .progressbar (opzioni)
• $ (selettore, contesto) .progressbar ("azione", parametri)
Vediamo un esempio del suo utilizzo:
  • Per prima cosa includiamo i file necessari, le librerie di jQuery così come il CSS:



  • Aggiungiamo alcuni stili per le etichette e la barra in quanto tali:

  • Istanziamo il nostro metodo barra di avanzamento () Lo associamo a un contenitore e aggiungiamo inoltre alcuni eventi per rilevare quando il caricamento o il trasferimento è in corso e infine quando è stato completato:

  • Infine aggiungiamo il nostro codice HTML e le etichette dove verrà visualizzata la nostra barra di avanzamento:


Caricamento in corso…

L'implementazione del nostro codice sarebbe simile a questa nel browser:

Infine, qui lasciamo il codice completo in modo che tu possa testarlo tu stesso, senza dimenticare che possiamo provare diverse opzioni, eventi e persino stili per la nostra barra di avanzamento.




Barra di avanzamento dell'interfaccia utente jQuery - Etichetta personalizzata

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







Caricamento in corso…

Ti è piaciuto e hai aiutato questo Tutorial?Puoi premiare l'autore premendo questo pulsante per dargli un punto positivo
wave wave wave wave wave