Progreso
Progress es usado para mostrar el estado de la operación actual e informar al usuario acerca de esta.
Barra de progreso lineal
Porcentaje interno
En este caso, el porcentaje no necesita espacio adicional.
Color personalizado
Puede usar color
para establecer el color de la barra de progreso. acepta string, función o array.
Barra de progreso circular
Barra de progreso del panel de control
También puede especificar el atributo type
a dashboard
para usar la barra de progreso del panel de control.
Contenido personalizado
Progreso indeterminado
Progreso con rayas
API
Atributos
Nombre | Descripción | Tipo | Por defecto |
---|---|---|---|
percentage required | percentage | number | 0 |
type | el tipo de barra de progreso | enum | line |
stroke-width | el ancho de la barra de progreso | number | 6 |
text-inside | si colocar el porcentaje dentro de la barra de progreso, solo funciona cuando type es 'line' | boolean | false |
status | estado actual de la barra de progreso | enum | — |
indeterminate | establecer progreso indeterminado | boolean | false |
duration | controlar la duración de la animación del progreso indeterminado o del progreso con rayas | number | 3 |
color | color de fondo de la barra de progreso. Sobreescribe la propiedad status | string / function / Array | '' |
width | ancho del canvas que contiene la barra de progreso circular | number | 126 |
show-text | si mostrar porcentaje | boolean | true |
stroke-linecap | forma del círculo/dashboard en la ruta final | enum | round |
format | formato de texto personalizado | Function | — |
striped 2.3.4 | rayas sobre el color de la barra de progreso | boolean | false |
striped-flow 2.3.4 | consigue que fluyan las rayas | boolean | false |
Slots
Nombre | Descripción | Type |
---|---|---|
default | Customized content | object |