k progress - k progress

Baixar

? K-Progress

Um plug -in Vue, barra de progresso linear.

Inglês | 简体中文

k-progress agora suporta o VUE3, você pode encontrar no k-progress-v3 .

E isso não será mais mantido. Obrigado!

K-Progress

npm install -S k-progress
# or
yarn add k-progress

 // main.js
import KProgress from 'k-progress' ;
Vue . component ( 'k-progress' , KProgress ) ;

Atributo	Tipo	Padrão	Opcional	explicar
por cento	Número	0	0-100	Porcentagem (necessária)
altura da linha	Número	6		Altura da barra de progresso
tipo	Corda	`line`	`line` / `lump`	Tipo de barra de progresso
status	Corda		`success` / `warning` / `error`	Status da barra de progresso
cor	String / matriz / função			Cor da barra de progresso; Ao usar `Array` , o limite é 6; Ao usar `Function` , o argumento é `percent`
Flow de cores	Booleano	`false`		Se deve ativar o fluxo de cores
fluxo-segundo	Número	5	1-6	O tempo necessário para o fluxo, ou seja, menor o tempo, mais rápido a velocidade
BG-cor	Corda	`#ebeef5`	Código de cores	Cor de progresso da barra de fundo
fronteira	Booleano	`true`		Seja arco
show-text	Booleano	`true`		Se deve mostrar o texto da barra de progresso
formatar	Função			Exibição de texto personalizada, o parâmetro é `percent`
largura de corte	Número	1		largura `lump`
cor de corte	Corda	`#ebeef5`	Código de cores	cor `lump`
ativo	Booleano	`false`		Se deve habilitar efeitos dinâmicos
Color ativo	Corda			Cor de efeito dinâmico