1.0.2 • Published 4 years ago
vue-pixel-bar v1.0.2
vue-pixel-bar
It's a vue component that will progress to a target number at a specified duration
vue-pixel-bar is a dependency-free, lightweight vue component that can be overwrited by yourself. Css bar Made by Aleks
How to use?
npm install vue-pixel-barExample
<template>
<pixel-bar :value="1900" :maxValue="4000" :duration='2000' :play='true'/>
</template>
<script>
import pixelBar from 'vue-pixel-bar';
export default {
components: { pixelBar },
}
</script>Options
| Property | Description | type | default |
|---|---|---|---|
| value | the value you want to end at | Number | 1900 |
| maxValue | the value you want to progress at | Number | 2000 |
| duration | duration in millisecond | Number | 4000 |
| play | when mounted it will not autoplay without | Boolean | false |
Slots
| slot Name | Description | props |
|---|---|---|
| default | Writing on the progress bar | return current progress value |
License
This project is licensed under MIT License