Skip to main content
Skip table of contents

Web - LinearProgress (Added in 1.6)

Added in 1.6

Definition

정의

LinearProgress

최적화 대상

Desktop, Mobile

기획 배포

진행 중

디자인 가이드 배포

진행 중

개발 코드 배포

완료 (1.6.0)

Principle

페이지 단에서 로딩이 발생할 때 보여지는 UI입니다.


Spec

보완 예정

Guide

LinearProgress

height

4px

color

  • base : ui_loading_linear_base

  • bar : ui_loading_linear_bar

transition

width 0.2s ease 0s;


Properties

value

progress가 차는 퍼센트를 결정합니다. (0부터 100까지의 숫자가 적용 가능합니다.)

기획 지시사항

  • 기획서 상 작성 방법 : 기획자가 직접 prop을 기술하지 않음

Type

number

Default

0


문서 작성 정보

소유자 / 관리자

김혜진, 박윤규

변경 이력

  • 2022/11/11 : 문서 초안 작성 - 김혜진

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.