プログレスバー

完了状態を示すための水平プログレスインジケーター。 確定モード(パーセンテージ)と不確定モード(アニメーション)に対応し、 複数のカラーバリアントとサイズオプションを備えています。

プレビュー & コード

オプション

名前 デフォルト 説明
value Integer 0 Progress percentage (0-100). Ignored in indeterminate mode.
variant Symbol :default Color variant: :default, :success, :warning, :danger
size Symbol :md Bar height: :sm, :md, :lg
label Boolean false Show percentage label
indeterminate Boolean false Show animated indeterminate state instead of fixed percentage
class String "" Additional CSS classes to apply

変更履歴 v1.0.0

- Initial release with determinate and indeterminate modes
- Color variants: default, success, warning, danger
- Size variants: sm, md, lg
- Optional percentage label
- Accessible with role="progressbar" and aria attributes

フルアクセスを取得

このコンポーネントと他のすべてのソースコードをアンロックしましょう。一回のお支払いで永久アクセス。

今すぐアクセスを取得