JQuery, creare dei loader circolari con la percentuale di avanzamento

Per questo articolo sono disponibili Demo Download Script

Contenuto mancante

1- Disabilità ADS Block e ricarica la pagina

2- Ricarica la pagina

Oggi vediamo come creare dei loader circolari con la percentuale che si carica in automatico, utilizzeremo jQuery e la libreria “ClassyLoader” .

Contenuto mancante

1- Disabilità ADS Block e ricarica la pagina

2- Ricarica la pagina

jquery cerchi percentualePer prima cosa richiamiamo le librerie necessarie

Qui invece lo script per creare il loader

Analizziamo il codice :

percentage: è la percentuale di caricamento non che il valore che appare all’interno del cerchio
speed: velocità di caricamento del loader
fontSize: dimensioni del carattere delle percentuale
diameter: il diametro del cerchio
lineColor: il colore del loader
remainingLineColor: il colore di sfondo del loader
lineWidth: dimensioni del loader

Nel caso in cui volessimo aggiungere più loader, è sufficiente duplicare il codice e cambiare la classe del loader nel tag canvas e nello script, esempio

Contenuto mancante

1- Disabilità ADS Block e ricarica la pagina

2- Ricarica la pagina

Commenta l'articolo

Bisogno di postare codice ? Usa un servizio gratuito come Codeshare altrimenti WordPress formatta male il codice!

Pin It on Pinterest

Condividi l'articolo. Grazie.

Vuoi essere aggiornato ?