進捗バー作成

このプロンプトは、タスクの進捗状況やロード中の状態を表示するための進捗バーを作成します。ダイナミックに動くデザインやカスタマイズ可能な配色を提供します。

プロンプト

進捗バーのHTML、CSS、JavaScriptコードを作成してください。
- 表示する進捗率：{進捗率}（例：50%）
- バーの色：{色}
- アニメーション：{アニメーションの有無}
- 配置場所：{場所}（例：ヘッダー、本文内）

プロンプトの使い方

利用例として、
「表示する進捗率：75%
バーの色：青
アニメーション：あり
配置場所：本文内」
と入力してください。AIがこれに基づいてコードを生成します。このコードを利用して、タスクやロード中の状態を簡単に視覚化できます。