스택 된 진행률 표시 줄

진행률 표시 줄도 누적 될 수 있습니다.

동일한 막대에 여러 개의 막대를 배치하여 누적 진행률 막대를 만듭니다 <div class="progress">.

예
<div class="progress">
  <div class="progress-bar progress-bar-success" role="progressbar" style="width:40%">
    Free Space
  </div>
  <div class="progress-bar progress-bar-warning" role="progressbar" style="width:10%">
    Warning
  </div>
  <div class="progress-bar progress-bar-danger" role="progressbar" style="width:20%">
    Danger
  </div>
</div>스택 된 진행률 표시 줄
진행률 표시 줄도 누적 될 수 있습니다.

자유 공간 경고 위험
동일한 막대에 여러 개의 막대를 배치하여 누적 진행률 막대를 만듭니다 <div class="progress">.

예
<div class="progress">
  <div class="progress-bar progress-bar-success" role="progressbar" style="width:40%">
    Free Space
  </div>
  <div class="progress-bar progress-bar-warning" role="progressbar" style="width:10%">
    Warning
  </div>
  <div class="progress-bar progress-bar-danger" role="progressbar" style="width:20%">
    Danger
  </div>
</div>