Skip to main content

Progress bar

L’indicatore di progresso previsto dalle Linee Guida per il design degli applicativi di Regione Lombardia è la progress bar utilizzabile anche nei wizard.

Non è previsto l’utilizzo dei grafici a cerchio.

<div class="progress progress-lg progress-color">
  <div class="progress-bar" role="progressbar" style="width: 25%" aria-valuenow="25" aria-valuemin="0" aria-valuemax="100"></div>
</div>
<div class="progress progress-color">
  <div class="progress-bar bg-dark" role="progressbar" style="width: 33%" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100"></div>
</div>

I colori da usare sono quelli qui riportati, quindi il verde o il blu principali della palette di Regione Lombardia

La barra standard è molto sottile, per ottenere un spessore maggiore va utilizzata la classe progress-lg.

Riferimenti

Il contenuto di questa pagina si riferisce ai seguenti punti della Documentazione di Bootstrap Italia:

Questo sito utilizza cookie tecnici, analytics e di terze parti.
Proseguendo nella navigazione accetti l’utilizzo dei cookie.

Privacy policy