# ClProgress Progress

> 进度条组件，支持百分比显示和动画

- **标签名**: `<cl-progress>`
- **引入**: `import { ClProgress } from '@cldemo/library'`

## Props

| 参数 | 类型 | 默认值 | 必填 | 说明 |
|------|------|--------|------|------|
| className | `String` | `` | 否 |  |
| theme | `String` | `'horizontal'` | 否 |  |
| color | `String` | `` | 否 |  |
| ratio | `Number, String` | `` | 是 |  |
| isShowNum | `Boolean` | `true` | 否 |  |
| isAnimation | `Boolean` | `true` | 否 |  |
| diameter | `String` | `'50px'` | 否 |  |
| showNumText | `String` | `` | 否 |  |
| showNumPos | `String` | `'out-center'` | 否 |  |
| showNumTrigger | `String` | `'hover'` | 否 |  |
| showNumColor | `String` | `` | 否 |  |

## 基础用法

```vue
<cl-progress></cl-progress>
```
