マテリアルデザインEarthyプログレスバー

マテリアルデザインにインスパイアされたアースカラーのプログレスバーで、ソーシャルメディアのインターフェースに適しています。レスポンシブで、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>

関連コンポーネント

プログレスバーコンポーネント

3D要素で設計されたレスポンシブプログレスバーコンポーネントで、eコマースに適した類似の配色を使用し、ダークモードをサポートしています

開ける

プログレスバーコンポーネント

Tailwind CSSを使用してダークモード用に設計されたレスポンシブプログレスバーコンポーネントで、最新のWebアプリケーションに適しています。

開ける

ダークモードプログレスバー

Tailwind CSSを使用してダークモード用に設計されたレスポンシブプログレスバーコンポーネントで、洗練されたデザインとダークテーマのサポートが特徴です。

開ける