Socket
Socket
Sign inDemoInstall

k-progress-v3

Package Overview
Dependencies
22
Maintainers
1
Versions
2
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    k-progress-v3

> A Vue plugin, linear progress bar.


Version published
Weekly downloads
340
increased by47.83%
Maintainers
1
Install size
16.2 MB
Created
Weekly downloads
 

Changelog

Source

1.0.0

2020-11-06

  • 🎉 k-progress Support vue3

Readme

Source

🌈 k-progress-v3

A Vue plugin, linear progress bar.

🎈 Vue2

If you need vue2 version, you can find in k-progress.

📚 Course

k-progress

📦 Install

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

🔨 Begin Start

// main.js
import KProgress from 'k-progress';

const app = createApp(App);
app
  .component('k-progress', KProgress)
  .mount('#app');

📔 Attributes

AttributeTypeDefaultOptionalexplain
percentNumber00-100Percent (Required)
line-heightNumber6Progress bar height
typeStringlineline / lumpProgress bar type
statusStringsuccess / warning / errorProgress bar status
colorString / Array / FunctionProgress bar color; When using Array, the limit is 6; When using Function, the argument is percent
color-flowBooleanfalseWhether to enable color flow
flow-secondNumber51-6The time required for the flow, that is, the smaller the time, the faster the speed
bg-colorString#ebeef5Color codeProgress bar background color
borderBooleantrueWhether arc
show-textBooleantrueWhether to show progress bar text
formatFunctionCustom text display, parameter is percent
cut-widthNumber1lump width
cut-colorString#ebeef5Color codelump color
activeBooleanfalseWhether to enable dynamic effects
active-colorStringDynamic effect color

📒 ChangeLog

ChangeLog

🖊 Thanks

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

LICENSE

MIT

Keywords

FAQs

Last updated on 06 Nov 2020

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc