Progressbar con CSS e Javascript

Giovedì 13 Settembre 2007 - 09:09

di Alessandro Fulciniti

Scripting

Tempo fa abbbiamo parlato sul blog di indicatori di percentuale con i CSS e su HTML.it c’è un articolo dedicato.
Sono molteplici le soluzioni con i CSS presenti in rete: proprio da una di esse, ovvero Displaying percentages, è nata l’idea alla base di Simple Javascript Progress Bar with CSS,
di cui riporto uno screenshot:

screenshot

Devo dire che, al di là dell’utilità pratica molto specifica, si tratta di un esempio molto creativo e accattivante a livello grafico e interattivo. Lo stesso sito segnala anche jsProgressBarHandler, (qui la demo), che apporta alcuni miglioramenti a livello di scripting e usa Prototype.

Tags:

Categoria: Scripting | Permalink

Commenti

1

Bello davvero!

Cercavo una cosa simile per una galleria fotografica, però in relazione al tempo di caricamento delle immagini, in pratica un preloader, o al limite un dato tempo di caricamento definito da me. E’ possibile realizzarlo con questo progressbar e come?

Grazie, Simone

# - postato da Simone - 13 Settembre 2007 - 09:37

2

Un tutorial passo passo per realizzarlo?

# - postato da Michele - 14 Settembre 2007 - 09:05

3

Scusate…
Non ho ben capito in che casi si usa lo script così com’è :(

# - postato da Katya - 19 Settembre 2007 - 08:48

4

così com’è credo in nessuno dei casi, va sempre personalizzato in base alle esigenze.

# - postato da Francesko - 29 Ottobre 2007 - 17:54

Inserisci il tuo commento:





(puoi usare i seguenti tag HTML per formattare il testo -
a href, b, i, br/, p, strong, em, ul, ol, li, blockquote, pre):

 

Anteprima del commento