Cerca
Filtra la ricerca ...
Frase esatta
Categorie

JQuery, creare dei loader circolari con la percentuale di avanzamento

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

jquery cerchi percentuale Per 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

Potrebbe interessarti anche ...

Non fornisco assistenza gratuita sugli articoli che ho scritto nè personalizzo il codice in modo gratuito, se vuoi mi chiedi una consulenza nella sezione contatti. Se devi postare codice usa servizi come https://codeshare.io . Grazie della comprensione. Alessio

Lascia un commento

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.