Sono Andrea Tonin di Rovigo, mi occupo per professione di Web Design e sviluppo web. Ho una grande passione per la grafica e per i siti internet visuali e molto interattivi!
HTML5 ha introdotto il marcatore – progress – che ci permette di rappresentare una barra di scorrimento dedicata a visualizzare lo stato di avanzamento lavori, come ad esempio un download in corso.
Vediamo un esempio pratico nel seguente codice:
<!DOCTYPE html> <html> <head> <title>Titolo del documento</title> </head> <body> Downloading progress: <progress value="33" max="100"></progress> </body> </html>
L’effetto finale qui sotto:
Downloading progress:
Analizzando la sintassi avremo:
max= il valore da raggiungere per completare i lavori
value= stato attuale dei lavori in corso