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>

관련 구성 요소

Glassmorphism_EarthTones_ProgressBar_ForumComponent

흙색이 있는 반응형 glassmorphism 진행률 표시줄 구성 요소로, 포럼 또는 커뮤니티 플랫폼에 적합합니다. 반투명 유리와 같은 반투명 요소가 특징이며 흐림 효과와 다크 모드를 지원합니다.

열다

Progress Bar 구성 요소

파스텔 색상 구성표가 있는 다크 모드용으로 설계된 반응형 진행률 표시줄 구성 요소로, 비즈니스/기업 웹 사이트에 적합합니다.

열다

사진 촬영을 위한 그라데이션 레인보우 프로그레스 바

사진 포트폴리오를 위한 복잡하고 반응이 빠른 진행률 표시줄 구성 요소로, 멀티 컬러 그라데이션 무지개 디자인과 다크 모드 지원을 특징으로 합니다. 사진 로딩 또는 갤러리 진행을 보여주는 데 이상적입니다.

열다