테스트 사이트 - 개발 중인 베타 버전입니다

부트 스트랩 진행률 표시 줄

· 8년 전 · 2592
스크린샷 2017-10-20 오전 12.52.35.png
부트 스트랩 진행률 표시 줄

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

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

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

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>

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

게시글 목록

번호 제목
1418
부트스트랩 애니메이션 경고
1417
부트스트랩 경고 닫기
1416
부트스트랩 알림 링크
1414
1413
1412
1411
1410
부트스트랩 이미지 갤러리
1409
부트스트랩 반응 형 이미지
1408
1407
1406
1405
부트스트랩 반응 형 테이블
1404
부트스트랩 문맥 분류
1403
부트스트랩 요약 표
1402
부트스트랩 호버 행
1401
부트스트랩 테두리가있는 표
1400
1399
1398
1397
1396
1395
1394
부트스트랩 <blockquote>
1393
부트스트랩 <abbr>
1392
부트스트랩 <mark>
1391
부트스트랩 <small>
1390
1389
1388
부트스트랩 3 개의 동일한 열