vue-pixel-bar
v1.0.2
Published
sweet progress pixel bar
Downloads
47
Readme
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-bar
Example
<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