진행률 표시줄

전자 상거래를 위한 다크 모드를 지원하는 반응형 진행률 표시줄 구성 요소로, 생생한 색 구성표와 단순한 레이아웃을 특징으로 합니다.

미리 보기

HTML 코드

<div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-4 relative overflow-hidden">
  <div class="bg-indigo-600 h-4 rounded-full dark:bg-indigo-400" style="width: 75%;">
    <span class="absolute right-2 top-0 h-full flex items-center text-white text-xs font-bold">75%</span>
  </div>
</div>

관련 구성 요소

Skeuomorphic_Monochromatic_Progress_Bar

전자 상거래를 위한 중간 복잡성의 스큐어모픽 진행률 표시줄 구성 요소로, 단색 색 구성표, 완전한 응답성 및 다크 모드 지원을 특징으로 합니다.

열다

Progress Bar 구성 요소

3D 요소로 디자인된 반응형 진행률 표시줄 구성 요소로, 전자 상거래에 적합한 유사한 색 구성표를 사용하며 다크 모드를 지원합니다.

열다

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

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

열다