k-progress

A Vue plugin, linear progress bar.

27,979 33

vue components

Maintainer: xrkffgg

🌈 k-progress

A Vue plugin, linear progress bar.

k-progress Now support vue3, you can find in k-progress-v3.

And this will no longer be maintained. Thanks!

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

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

Attribute	Type	Default	Optional	explain
percent	Number	0	0-100	Percent (Required)
line-height	Number	6		Progress bar height
type	String	`line`	`line` / `lump`	Progress bar type
status	String		`success` / `warning` / `error`	Progress bar status
color	String / Array / Function			Progress bar color; When using `Array`, the limit is 6; When using `Function`, the argument is `percent`
color-flow	Boolean	`false`		Whether to enable color flow
flow-second	Number	5	1-6	The time required for the flow, that is, the smaller the time, the faster the speed
bg-color	String	`#ebeef5`	Color code	Progress bar background color
border	Boolean	`true`		Whether arc
show-text	Boolean	`true`		Whether to show progress bar text
format	Function			Custom text display, parameter is `percent`
cut-width	Number	1		`lump` width
cut-color	String	`#ebeef5`	Color code	`lump` color
active	Boolean	`false`		Whether to enable dynamic effects
active-color	String			Dynamic effect color

Thank you for using, if you find some problems, welcome to correct!

vue

The progressive JavaScript framework for building modern web UI.

588,019,132 54,801

vue

@vueuse/shared

372,738,348 22,398

vue utils vue-use

@vueuse/core

Collection of essential Vue Composition Utilities

367,188,523 22,398

vue utils vue-use

@vitejs/plugin-vue

The official plugin for Vue SFC support in Vite.

333,357,380 686

vue vite vite-plugin

eslint-plugin-vue

Official ESLint plugin for Vue.js

266,364,830 4,591

vue eslint eslint-config eslint-plugin rules vuejs