Filtra la ricerca ...
Frase esatta
Categorie

JQuery, creare dei loader circolari con la percentuale di avanzamento

Ciao e benvenuto. Se hai bisogno di chiarimenti sul codice, lascia un commento (no WhatsApp); ricorda però che non fornisco assistenza gratuita sugli articoli che ho scritto nè personalizzo il codice in modo gratuito, quindi se la tua richiesta va oltre il semplice "aiutino", se vuoi mi chiedi una consulenza a pagamento nella pagina contatti. Grazie della comprensione. Alessio

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

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

Potrebbe interessarti anche ...

Hai bisogno di una consulenza, lo sviluppo di un plugin o vuoi incrementare le performance del tuo sito ?

Se vuoi postare codice usa codeshare.io
Se vuoi postare uno screeshot usa postimages.org ed inserisci l'url nel commento.

Lascia un commento


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

Iscriviti e ricevi trucchi e guide

Inserisci la tua email per ricevere gli ultimi articoli dal blog.

Inserendo i tuoi dati confermi di aver letto ed essere d’accordo con la privacy policy.