> ## 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

> Reference for the Progress component, including use cases, attribute configuration, and examples for displaying the current progress and status feedback of time-consuming operations.

## When to Use

Display the current progress and status of an operation to users when it takes a long time to complete.

* The operation runs in the background and requires a certain amount of Client-side waiting time.
* The operation needs to display a completion Progress Percent.

## Component Example

## Component Attributes

| Attribute     | Description                          | Type                               | Default    |
| ------------- | ------------------------------------ | ---------------------------------- | ---------- |
| `hasBorder`   | Whether to display the border        | `boolean`                          | `false`    |
| `percent`     | Sets the Percent                     | `number`                           | `0`        |
| `progressive` | Sets the color-stage transition mode | `boolean`                          | `false`    |
| `shape`       | Shape of the progress bar            | `'circle' \| 'line'`               | `'line'`   |
| `size`        | Size                                 | `'small' \| 'medium' \| 'large'`   | `'medium'` |
| `state`       | Current state                        | `'normal' \| 'success' \| 'error'` | `'normal'` |