Components

vc-progress

Install

npm install vc-progress --save
// build version
import vcProgress from 'vc-progress'
// recommend for *.vue project for small bundle size
import vcProgress from 'vc-progress/src/Progress.vue'
// commonjs
require('./dist/build.min.js')
// script tag
<script src='./dist/build.min.js'></script>

Usage

props

value

showProgress

type

striped

animated

example

import Vue from 'vue'
import vcProgress from '../src'
new Vue({
    el: '#app',
    data () {
        return {
            bools: {
                'true': true,
                'false': false
            },
            value: 80,
            showProgress: true,
            type: 'success',
            striped: true,
            animated: true
        }
    },
    components: {
        vcProgress
    }
})
<vc-progress
    style="border-radius: 5px;"
    :value="value"
    :type="type"
    :show-progress="showProgress"
    :animated="animated"
    :striped="striped"
>
</vc-progress>