mirror of
https://github.com/ElemeFE/element.git
synced 2025-12-16 11:44:01 +08:00
@@ -37,8 +37,7 @@ In this case the percentage takes no additional space.
|
||||
<el-progress type="circle" :percentage="80" color="#8e71c7"></el-progress>
|
||||
<el-progress type="circle" :percentage="100" status="success"></el-progress>
|
||||
<el-progress type="circle" :percentage="50" status="exception"></el-progress>
|
||||
<el-progress type="circle" :percentage="100" status="text">Done</el-progress>
|
||||
```
|
||||
```
|
||||
:::
|
||||
|
||||
### Attributes
|
||||
@@ -48,7 +47,7 @@ In this case the percentage takes no additional space.
|
||||
| type | the type of progress bar | string | line/circle | line |
|
||||
| stroke-width | the width of progress bar | number | — | 6 |
|
||||
| text-inside | whether to place the percentage inside progress bar, only works when `type` is 'line' | boolean | — | false |
|
||||
| status | the current status of progress bar | string | success/exception/text | — |
|
||||
| status | the current status of progress bar | string | success/exception | — |
|
||||
| color | background color of progress bar. Overrides `status` prop | string | — | — |
|
||||
| width | the canvas width of circle progress bar | number | — | 126 |
|
||||
| show-text | whether to show percentage | boolean | — | true |
|
||||
|
||||
@@ -35,7 +35,6 @@ En este caso el porcentage no toma espacio adicional.
|
||||
<el-progress type="circle" :percentage="80" color="#8e71c7"></el-progress>
|
||||
<el-progress type="circle" :percentage="100" status="success"></el-progress>
|
||||
<el-progress type="circle" :percentage="50" status="exception"></el-progress>
|
||||
<el-progress type="circle" :percentage="100" status="text">Done</el-progress>
|
||||
```
|
||||
:::
|
||||
|
||||
@@ -46,7 +45,7 @@ En este caso el porcentage no toma espacio adicional.
|
||||
| type | tipo de barra de progreso | string | line/circle | line |
|
||||
| stroke-width | ancho de la barra de progreso | number | — | 6 |
|
||||
| text-inside | mostrar el porcentaje dentro de la barra de progreso, solo funciona cuando `type` es 'line' | boolean | — | false |
|
||||
| status | estado actual de la barra de progreso | string | success/exception/text | — |
|
||||
| status | estado actual de la barra de progreso | string | success/exception | — |
|
||||
| color | color de fondo de la barra de progreso. Sobreescribe la propiedad `status` | string | — | — |
|
||||
| width | ancho del canvas que contiene la barra de progreso circula | number | — | 126 |
|
||||
| show-text | mostrar porcentaje | boolean | — | true |
|
||||
|
||||
@@ -40,7 +40,6 @@
|
||||
<el-progress type="circle" :percentage="80" color="#8e71c7"></el-progress>
|
||||
<el-progress type="circle" :percentage="100" status="success"></el-progress>
|
||||
<el-progress type="circle" :percentage="50" status="exception"></el-progress>
|
||||
<el-progress type="circle" :percentage="100" status="text">Done</el-progress>
|
||||
```
|
||||
:::
|
||||
|
||||
@@ -51,7 +50,7 @@
|
||||
| type | 进度条类型 | string | line/circle | line |
|
||||
| stroke-width | 进度条的宽度,单位 px | number | — | 6 |
|
||||
| text-inside | 进度条显示文字内置在进度条内(只在 type=line 时可用) | boolean | — | false |
|
||||
| status | 进度条当前状态 | string | success/exception/text | — |
|
||||
| status | 进度条当前状态 | string | success/exception | — |
|
||||
| color | 进度条背景色(会覆盖 status 状态颜色) | string | — | — |
|
||||
| width | 环形进度条画布宽度(只在 type=circle 时可用) | number | | 126 |
|
||||
| show-text | 是否显示进度条文字内容 | boolean | — | true |
|
||||
|
||||
Reference in New Issue
Block a user