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:
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
