머티리얼 디자인 흙빛 진행률 표시줄
머티리얼 디자인에서 영감을 받은 어스 톤의 진행률 표시줄로, 소셜 미디어 인터페이스에 적합합니다. 반응형이며 Tailwind CSS를 사용하는 다크 모드 지원이 포함됩니다.
HTML 코드
<div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5">
<div class="bg-green-700 h-2.5 rounded-full dark:bg-green-500" style="width: 45%"></div>
</div>관련 구성 요소
Brutalist_ProgressBar
마켓플레이스 플랫폼에 적합한 고대비의 브루탈리즘 스타일의 진행률 표시줄 구성 요소로, 대담한 색상과 단순한 레이아웃, 완전한 응답성과 다크 모드 지원을 제공합니다.
3D 그레이스케일 스포츠 피트니스 프로그레스 바
스포츠 및 피트니스 애플리케이션을 위해 설계된 복잡한 3D 그레이스케일 진행률 표시줄 구성 요소로, 깊이와 시각적 참여로 트레이닝 진행 상황을 보여줍니다. 다크 모드 지원이 포함되어 있으며 완벽하게 반응합니다.
스큐어모픽 프로그레스 바
포트폴리오를 위한 스큐어모픽 프로그레스 바 구성 요소로, 단색 색 구성표와 Tailwind CSS를 사용하여 반응형 및 다크 모드를 지원하는 복잡한 인터랙티브 디자인을 특징으로 합니다.