CCHub Logo CCHub Tailwind Collection
コンポーネント 進行状況インジケーター ブルータリストグレースケールプログレスバー

ブルータリストグレースケールプログレスバー

ブログコンテンツ用のブルータリズムスタイルのグレースケールプログレスバーで、シンプルなデザイン、ダークモードのサポート、応答性を備えています。

プレビュー

HTMLコード 

<div class="w-full bg-gray-800 h-4 dark:bg-gray-200">
  <div class="bg-gray-400 h-4 dark:bg-gray-600" style="width: 50%;"></div>
</div>

関連コンポーネント

進行状況インジケータ コンポーネント

ダークモード UI ダッシュボード用に設計されたレスポンシブな進行状況インジケータ コンポーネントで、類似の配色が施されています。これには、バー、円、アクティビティフィードなどのさまざまな進行状況インジケーターが含まれており、すべてダークモードをサポートするためにTailwind CSSでスタイル設定されています。JavaScriptは使用しておりません。

開ける

Glassmorphism プログレス インジケータ コンポーネント

Glassmorphism Progress Indicators コンポーネントは、鮮やかな配色とシンプルな複雑さを備えています。

開ける

進行状況インジケータ コンポーネント

レスポンシブデザインとTailwind CSSを使用したダークテーマのサポートを特徴とするレトロ/ビンテージスタイルのプログレスインジケーターコンポーネント。

開ける