マテリアルデザイン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>関連コンポーネント
ニューモーフィズムプログレスバー
ポートフォリオ用のニューモーフィズムスタイルのプログレスバーで、パステルカラーの配色、適度な複雑さ、応答性、ダークテーマのサポートが特徴です。JavaScriptは含まれていません。コンポーネントは HTML と Tailwind CSS で構築されています。
プログレスバーコンポーネント
シンプルなプログレスバーコンポーネントで、eコマースアプリケーション用のグレースケールの配色でブルータリズムのデザインでスタイリングされています。応答性が高く、ダークモードのサポートを備えています。
プログレスバーコンポーネント
マテリアルデザインスタイルでデザインされたレスポンシブプログレスバーコンポーネントで、ポートフォリオショーケースにパステルカラーの配色を組み込んでいます。ダークモードをサポートしています。