Dall'archivio script > HTML5

Creare una ProgressBar con Bootstrap

di Stefano MostardaStefano Mostarda, in HTML5, Boostrap,

Spesso capita di dover mostrare all'utente una ProgressBar con lo stato di avanzamento di un'operazione. Un tipico esempio è quando dobbiamo mostrare lo stato di avanzamento di un wizard o dell'upload di un file.
Con Bootstrap possiamo crere una ProgressBar creando un tag

e impostandone la classe progress. All'interno del
ne creiamo un altro e ne impostimano la classe a progress-bar e la larghezza alla percentuale di avanzamento. Nel seguente codice viene mostrato come creare una ProgressBar con lo stato di avanzamento al 50%.

<div class="progress">
  <div class="progress-bar" role="progressbar" style="width: 50%;">
    50%
  </div>
</div>

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn
Aggiorna

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi