본문으로 건너뛰기
재생

진행 레일

현재 재생 위치를 얇은 트랙과 빛나는 primary 색상 막대로 표시하며 수치는 선택적으로 노출한다.

상태

start
half
complete

활용 방법

에피소드 진행

showValue를 켜면 트랙 위에 진행 레이블과 백분율이 표시된다.

Preview
에피소드 진행64%
tsx
<ProgressRail value={64} label="에피소드 진행" showValue />

속성

이름타입기본값설명
valuenumber-
maxnumber100
labelstring"재생 진행"
showValuebooleanfalse