Bootstrap 4 İlerleme Çubuğu (Progress Bars)

Renkli İlerleme Çubuğu

Animasyonlu İlerleme Çubuğu Örnekleri:

Ders 14 Bar2 - JavaScriptli ilerleme çubuğu
Ders 14 Bar3 - JavaScriptli ilerleme çubuğu
Ders 14 Bar - PHP ile dosya yükleme animasyonlu ilerleme çubuğu
Ders 14 Bar - PHP ile Submit Olmadan - dosya yükleme animasyonlu ilerleme çubuğu
.progress .progress-bar
%20

%40

%60

%80


İlerleme çubuğunun rengini değiştirmek için renk sınıflarından herhangi biri kullanılabilir:










Çizgili İlerleme Çubuğu

.progress .progress-bar .progress-bar-striped





Animasyonlu İlerleme Çubuğu

.progress .progress-bar .progress-bar-striped .progress-bar-animate


Çoklu İlerleme Çubuğu

%15
%30
%20