본문으로 건너뛰기

Progress

MSK Progress는 업로드, 저장, 생성 작업의 진행률을 표시하는 primitive입니다. 정확한 진행률이 없으면 skeleton이나 spinner를 사용합니다.

Preview​

64%

Data API​

<div data-msk-progress="64">
  <span data-msk-progress-label></span>
</div>

JavaScript API​

window.MSK.ui.progress.set(progress, 75);

Progress는 role="progressbar", aria-valuenow, CSS variable을 동기화합니다.