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

NombreDescripciónTipoPor defecto
percentage requiredpercentagenumber0
typeel tipo de barra de progresoenumline
stroke-widthel ancho de la barra de progresonumber6
text-insidesi colocar el porcentaje dentro de la barra de progreso, solo funciona cuando type es 'line'booleanfalse
statusestado actual de la barra de progresoenum
indeterminateestablecer progreso indeterminadobooleanfalse
durationcontrolar la duración de la animación del progreso indeterminado o del progreso con rayasnumber3
colorcolor de fondo de la barra de progreso. Sobreescribe la propiedad statusstring / function / Array''
widthancho del canvas que contiene la barra de progreso circularnumber126
show-textsi mostrar porcentajebooleantrue
stroke-linecapforma del círculo/dashboard en la ruta finalenumround
formatformato de texto personalizadoFunction
striped 2.3.4rayas sobre el color de la barra de progresobooleanfalse
striped-flow 2.3.4consigue que fluyan las rayasbooleanfalse

Slots

NombreDescripciónType
defaultCustomized contentobject

Fuente

ComponentesDocumentación

Contribuidores