@litt1e-p/progress-bar
Introduce
a progress component with count up animation effect for vue
Installation
npm i @litt1e-p/progress-bar --save
Usage
- global component via
Vue.use()
// in main.js
import ProgressBar from '@litt1e-p/progress-bar'
import '@litt1e-p/progress-bar/dist/progressBar.css'
// or
@import '@litt1e-p/progress-bar/dist/progressBar.css'
<progress-bar :percent="your value"></progress-bar>
- normal component in any vue component
// in any vue component file
import { ProgressBar } from '@litt1e-p/progress-bar'
import '@litt1e-p/progress-bar/dist/progressBar.css'
// or
@import '@litt1e-p/progress-bar/dist/progressBar.css'
<progress-bar :percent="your value"></progress-bar>
- custom tintColor & bgColor
<progress-bar :percent="your value" tintColor="#f0ff0f" bgColor="gray"></progress-bar>
Screenshots
Related Packages
@marcoschulte/vue3-progress
A fully customizable vue3 plugin to display a progress bar while waiting for som...
72,095
25
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 3.0.0 | ^3.2.20 | MIT | |
| 0.1.5 | ^2.6.14 | MIT | |
| 0.1.4 | ^2.6.10 | MIT | |
| 0.1.3 | ^2.6.10 | MIT | |
| 0.1.2 | ^2.6.10 | MIT | |
| 0.1.1 | ^2.6.10 | MIT | |
| 0.1.0 | ^2.6.10 | MIT | |
| 0.0.9 | ^2.6.10 | MIT | |
| 0.0.8 | ^2.6.10 | MIT | |
| 0.0.7 | ^2.6.10 | MIT | |
| 0.0.6 | ^2.6.10 | MIT | |
| 0.0.5 | ^2.6.10 | MIT | |
| 0.0.4 | ^2.6.10 | MIT | |
| 0.0.3 | ^2.6.10 | MIT | |
| 0.0.2 | ^2.6.10 | MIT | |
| 0.0.1 | ^2.6.10 | MIT |