3.6 KiB
3.6 KiB
::: anchor :::
::: title 基本介绍 :::
::: describe 可应用于许多业务场景，如完成进度、页面加载，是一种较为直观的表达元素。 :::
::: title 基础使用 :::
::: demo 通过 lay-progress 标签创建进度条, 使用 percent 属性设置进度。
:::
::: title 尺寸大小 :::
::: demo 使用 size 属性设置进度条尺寸。
:::
::: title 指定主题 :::
::: demo 使用 theme 属性, 设置进度条主题颜色。
:::
::: title 显示文字 :::
::: demo 使用 show-text 属性开启内容展示, text 属性设置展示得内容。
:::
::: title 环形进度 :::
::: demo 使用 circle 属性创建环形进度条。
:::
::: title Progress 属性 :::
::: table
| 属性 | 描述 | 可选值 |
|---|---|---|
| percent | 进度 | -- |
| theme | 主题 | orange green cyan blue black gray |
| size | 尺寸 | big |
| text | 提示 | -- |
| color | 颜色 | -- |
| showText | 展示描述 | -- |
| circle | 环形进度条 | 默认为 false |
| circleSize | 环形进度条尺寸 | 默认为 150 单位是px |
| circleWidth | 环形进度条线条宽度 | 默认为 6 单位是px |
| ::: |
::: contributor progress :::
::: previousNext progress :::