不同尺寸的进度条

进度条: .progress
条纹状进度条: .progress-bar-striped

40% Complete (success)

.progress-sm

20% Complete

.progress-xs

60% Complete (warning)

.progress-xxs

60% Complete (warning)

不同背景色的进度条

.bg-success

40% Complete (success)

.bg-info

20% Complete

.bg-warnning

60% Complete (warning)

.bg-danger

80% Complete

垂直进度条

垂直: .vertical

尺寸: .progress-sm .progress-xs .progress-xxs

40%
100%
60%
60%

不同颜色的垂直进度条

垂直:.vertical

40%
20%
60%
80%