부트 스트랩 진행률 표시 줄

기본 진행률 표시 줄
진행률 표시 줄을 사용하여 사용자가 자신이 진행 과정에서 얼마나 멀리 있었는지 보여줄 수 있습니다.

부트 스트랩은 몇 가지 유형의 진행 막대를 제공합니다.

부트 스트랩의 기본 진행 표시 줄은 다음과 같습니다.

70 % 완료
기본 진행률 표시 줄을 만들려면 .progress클래스에 <div>요소 를 추가하십시오 .

예
<div class="progress">
  <div class="progress-bar" role="progressbar" aria-valuenow="70"
  aria-valuemin="0" aria-valuemax="100" style="width:70%">
    <span class="sr-only">70% Complete</span>
  </div>
</div>