데모 01 : 기본 예제
기본 스타일이 적용된 표준 진행률 표시줄을 표시하여 진행 상황을 추적합니다.
디자인
52 %
UX
64 %
코딩
75 %
속도
95 %
열정
59 %
데모 02 : 텍스트 위치
진행률 표시줄 내부의 텍스트 위치를 설정하여 명확하게 볼 수 있도록 합니다.
디자인
60 %
UX
75 %
코딩
90 %
마케팅
90 %
브랜딩
75 %
사진
60 %
데모 03 : (진행 스타일 예시)
디자인 요구 사항에 맞게 다양한 진행률 표시줄 스타일을 표시하세요.
디자인
97 %
UX
88 %
코딩
92 %
속도
95 %
디자인
65 %
UX
88 %
코딩
92 %
속도
95 %
열정
100 %
데모 04 : 스트라이프 스타일
진행률 표시줄을 스트라이프 효과로 표시하여 역동적으로 보이도록 합니다.
디자인
60 %
UX
75 %
코딩
90 %
마케팅
90 %
브랜딩
75 %
사진
60 %
데모 05 : 그라데이션 예제
진행률 표시줄에 그라데이션 색상을 적용하여 모던하고 시선을 사로잡는 스타일을 연출하세요.
디자인
80 %
UX
75 %
코딩
65 %
속도
80 %
UX
45 %
코딩
75 %
속도
60 %
열정
50 %
데모 06 : 레인보우 애니메이션
간단한 시각적 표시기로 상태, 진행률 또는 알림을 강조 표시하세요.
디자인
60 %
UX
75 %
코딩
90 %
마케팅
90 %
브랜딩
75 %
사진
60 %
데모 07: 색상 예제
다양한 색상으로 진행률 표시줄을 표시하여 매력적이고 생동감 있는 디자인을 구현하세요.
디자인
60 %
UX
75 %
코딩
90 %
개발
59 %
마케팅
80 %
브랜딩
60 %
사진
70 %
웹 디자인
49 %