Glassmorphism 프로그레스 바
소셜 미디어 인터페이스용으로 설계된 Glassmorphism 스타일의 진행률 표시줄은 생생한 색상과 다크 모드를 지원합니다. JavaScript가 없는 간단한 레이아웃.
HTML 코드
<div class="w-full bg-gray-200 bg-opacity-20 backdrop-filter backdrop-blur-lg rounded-full h-4 dark:bg-gray-700 dark:bg-opacity-20 dark:backdrop-filter dark:backdrop-blur-lg">
<div class="bg-gradient-to-r from-pink-500 via-red-500 to-yellow-500 h-4 rounded-full" style="width: 75%;"></div>
</div>관련 구성 요소
미니멀리스트 프로그레스 바
파스텔 색상의 미니멀하고 평평한 디자인의 진행률 표시줄 구성 요소로 전문 비즈니스 또는 기업 웹사이트에 적합합니다. 반응형 디자인이며 Tailwind CSS를 사용하여 다크 모드를 지원합니다.
머티리얼 디자인 흙빛 진행률 표시줄
머티리얼 디자인에서 영감을 받은 어스 톤의 진행률 표시줄로, 소셜 미디어 인터페이스에 적합합니다. 반응형이며 Tailwind CSS를 사용하는 다크 모드 지원이 포함됩니다.