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

3Dエフェクト、Tailwind CSS、レスポンシブデザイン、ダークモードのサポートでスタイリングされています。

プレビュー

HTMLコード

<div class='relative pt-1 dark:bg-gray-800'>
  <div class='overflow-hidden h-2 text-xs flex rounded bg-gray-200 dark:bg-gray-700'>
    <div style='width: 45%' class='shadow-none flex flex-col text-center whitespace-nowrap text-white justify-center bg-blue-500 dark:bg-blue-400'></div>
  </div>
  <div class='mt-2 text-right text-xs dark:text-gray-400'>45% Complete</div>
</div>

関連コンポーネント

Playful_Job_Application_Progress_Indicator

ジョブ応募ワークフロー用の複雑で遊び心があり、応答性の高い進行状況インジケータコンポーネントで、キャンディー/スウィートの配色とダークモードのサポートを特長としています。求人掲示板やキャリア開発プラットフォーム向けに設計されており、アニメーション化されたトランジションと励ましのメッセージで複数の応募ステージを視覚的に表現します。

開ける

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

80年代と90年代のレトロ/ヴィンテージの美学に触発されたシンプルなプログレスインジケーターコンポーネントで、補色の配色を利用しています。ソーシャルメディアインターフェイス用に設計されており、ダークテーマのサポートで応答性があります。

開ける

ArtDeco_Food_Restaurant_Progress_Indicators

アールデコ調にインスパイアされた食品/レストランのWebサイト向けの進行状況インジケーターコンポーネントで、幾何学模様、豪華なスタイリング、アースカラーが特徴です。複数のステップとダークモードをサポートする複雑なインターフェース。

開ける