Pasek postępu – Bootstrap Progress bars

progress bars

Kategoria wpisu Bootstrap 3, Kurs Bootstrap Tagi: , , , , on przez .


1 Gwizdka2 Gwizdki3 Gwizdki4 Gwizdki5 Gwizdki (Brak ocen)
Loading...

Paski postępu są ciekawymi dodatkami stron internetowych. Oczywiście nie występują one na każdej witrynie, ale i tak warto się z nimi zapoznać.

W Bootstrap istnieje kilka wzorów pasków postępu Progress bars.

Najprostszym przykładem paseka postępu jest:


70% Complete

Powyższy pasek postępu przedstawia wartość 70%. Pasek może również zawierać wpisaną wartość.

70% – lub inny tekst

Domyślnie paski mogą zawierać kolory:

40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)

Lub wyglądać tak

40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)

35% Complete (success)
20% Complete (warning)
10% Complete (danger)

Powyższe paski są standardowe, na ich podstawie możemy sami tworzyć nowe wedle własnego uznania.

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *