1.0.4 • Published 4 years ago
vue-yed-progressbar v1.0.4
vue-yed-progressbar
vue-yed-progressbar
Demo
Install
npm install --save vue-yed-progressbar
Usage
<template>
<div id="app">
<vue-yed-progressbar :percent="70"/>
</div>
</template>
<script>
import VueYedProgressbar from "vue-yed-progressbar"
export default {
name: 'App',
components: {
VueYedProgressbar
},
}
</script>
Props
Props Name | Description | Default Value | Required | Type | Values |
---|---|---|---|---|---|
percent | Percentage slice on progress | 100 | true | Number | 0-100 |
progressColor | Progressbar background color | colorBlue(#2f54eb) | false | String | colorRed ,colorOrange , colorYellow ,colorGreen , colorPurple,colorPink,colorBlue |
progressTextColor | Text color showing the progressbar percentage value | #fff | false | String | rgb,hex,color |
progressStripeMode | Turns on progressbar stripe mod | null | false | Boolean | true,false |
progressStripe | Determines the stripe value if the progressbar stripe mode feature is on | stripeBlue | false | String | 'stripeGray', stripeGreen, stripeYellow,stripePurple,stripePink,stripeOrange,stripeRed,stripeBlue |
License
MIT © yasiinn