Introduce
a progress component with count up animation effect for vue
Installation
npm i @litt1e-p/progress-bar --saveUsage
- 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
