> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Progress

> YiDA の Progress コンポーネントの使い方を解説します。時間のかかる操作の進捗状況と状態フィードバックを表示するための属性設定、形状・サイズ・状態オプションと利用例を紹介します。

## 利用シーン

操作の完了に時間がかかる場合に、現在の進捗状況と状態をユーザーへ表示します。

* 操作がバックグラウンドで実行され、クライアントサイドで一定の待機時間が必要な場合。
* 操作の完了進捗をパーセントで表示する必要がある場合。

## コンポーネント例

## コンポーネントプロパティ

| 属性            | 説明                | タイプ                                | デフォルト      |
| ------------- | ----------------- | ---------------------------------- | ---------- |
| `hasBorder`   | 枠線を表示するかどうか       | `boolean`                          | `false`    |
| `percent`     | パーセントを設定します       | `number`                           | `0`        |
| `progressive` | 段階的な色の遷移モードを設定します | `boolean`                          | `false`    |
| `shape`       | プログレスバーの形状        | `'circle' \| 'line'`               | `'line'`   |
| `size`        | サイズ               | `'small' \| 'medium' \| 'large'`   | `'medium'` |
| `state`       | 現在の状態             | `'normal' \| 'success' \| 'error'` | `'normal'` |