Components · Feedback

Progress

선형 진행률 표시. determinate(width 지정)와 indeterminate(.is-indeterminate) 두 모드.

Preview

Usage

<!-- 25% -->
<div class="progress"><div class="pg-fill" style="width:25%"></div></div>

<!-- indeterminate -->
<div class="progress is-indeterminate"><div class="pg-fill"></div></div>

Rules

DO

진행률을 알 수 있으면 determinate (width 지정).
알 수 없으면 indeterminate 로 — 사용자 기다림을 시각화.

DON'T

짧은 작업(<1s)에 표시 금지 — 깜빡임만 발생.