# li-progress

<!-- Auto Generated Below -->

## Properties

| Property            | Attribute            | Description                                      | Type                   | Default     |
| ------------------- | -------------------- | ------------------------------------------------ | ---------------------- | ----------- |
| `busy`              | `busy`               | 进度条是否处于忙状态 {boolean}                   | `boolean \| undefined` | `false`     |
| `disabled`          | `disabled`           | 进度条是否禁用 {boolean}                         | `boolean \| undefined` | `false`     |
| `hasError`          | `has-error`          | 是否包含错误 {boolean}                           | `boolean \| undefined` | `undefined` |
| `icon`              | `icon`               | 进度条图标指示 {string}                          | `string \| undefined`  | `undefined` |
| `label`             | `label`              | 进度条标签 {string}                              | `string \| undefined`  | `undefined` |
| `mute`              | `mute`               | 是否禁止aria-live； A11Y功能 {boolean}           | `boolean \| undefined` | `undefined` |
| `percentage`        | `percentage`         | 进度条百分比 {number}                            | `number`               | `0`         |
| `percentageStart`   | `percentage-start`   | 开始动画显示的进图条百分比：默认从0开始 {number} | `number`               | `0`         |
| `progressBarId`     | `progress-bar-id`    | 进度条id {string}                                | `string \| undefined`  | `undefined` |
| `showStatus`        | `show-status`        | 是否显示进度条提示文本 {boolean}                 | `boolean`              | `undefined` |
| `statusDescription` | `status-description` | 进度条提示文本内容 {string}                      | `string \| undefined`  | `undefined` |
| `statusInside`      | `status-inside`      | 提示文本是否显示在进度条内部 {boolean}           | `boolean \| undefined` | `undefined` |
| `strokeWidth`       | `stroke-width`       | 进度条边框宽度：默认为6px {number}               | `number`               | `6`         |
| `styles`            | `styles`             | 可选属性 注入样式style {string}                  | `string \| undefined`  | `undefined` |

## Shadow Parts

| Part                   | Description |
| ---------------------- | ----------- |
| `"inner"`              |             |
| `"inner-status"`       |             |
| `"label"`              |             |
| `"outer"`              |             |
| `"status"`             |             |
| `"status-description"` |             |
| `"wrapper"`            |             |

## Dependencies

### Used by

- [li-data-grid](../data-grid)

### Graph

```mermaid
graph TD;
  li-data-grid --> li-progress-bar
  style li-progress-bar fill:#f9f,stroke:#333,stroke-width:4px
```

---

_Built with ITSI_
