Progress Bars

We have a wonderful progress bars for you!

<vuestic-progress-bar type="vertical" ref="vBasic" colorName="warning"></vuestic-progress-bar>

// set duration of animation
this.$refs['vBasic'].$data.valueAnimationInterval = this.valueAnimationInterval

// set current value of progress bar
this.$refs['vBasic'].$data.value = 100

ref: String -- Name of your progress bar in $refs
type: String -- ( default: horizontal ) vertical, hirizontal or circle bar. colorName: String -- Color name. Supported colors: primary, danger, info, success, warning, white, black, lighterGray
startColorName: String -- Color on starts of progress bar. Colors same as colorName
backgroundColorName: String -- Color of background. Colors same as colorName

Find DEMOs here!