Foundation - Media Progress Bar

La barra di avanzamento viene utilizzata per visualizzare i tuoi progressi e può essere aggiunta ai tuoi layout. Sono necessari solo due elementi di HTML e sono semplici e facili da personalizzare.

La tabella seguente mostra come utilizzare la barra di avanzamento in Foundation.

Sr.No. Dettagli e descrizione della barra di avanzamento
1 Nozioni di base

La barra di avanzamento contiene due elementi come il contenitore e un contatore.

2 Colori

Lo stile della barra di avanzamento può essere eseguito utilizzando le classi di colore come .success , .warning e .alert .

3 Con testo

La barra di avanzamento può essere utilizzata con il testo utilizzando la classe di testo del misuratore di avanzamento .

4 Riferimento SASS

È possibile modificare gli stili dei componenti utilizzando SASS Reference.