Progress Bars
부트스트랩 스타일에 따르며, .active 클래스를 이용하여 애니메이션을 줄 수 있습니다.
Active Striped Progress (상위 객체 클래스 active 추가)
<div class="progress progress-striped active"> <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%;"> <span class="sr-only black">class="progress-bar <b class="red">progress-bar-success</b>" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%;" 40% <b class="red">progress-bar-success</b> (성공)</span> </div> </div>
class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%;" 40% progress-bar-success (성공)
70% progress-bar-info (진행)
60% progress-bar-warning (경고)
80% progress-bar-danger (완료)
Striped Progress
90% Complete (완료)
40% Success (성공)
70% Complete (진행)
60% Complete (경고)
80% Complete (완료)
Default Progress
90% Complete (완료)
40% Success (성공)
70% Complete (진행)
60% Complete (경고)
80% Complete (완료)