Skip to content

vue-bulma/progress-bar

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ProgressBar

ProgressBar component for Vue Bulma.

Installation

$ npm install vue-bulma-progress-bar --save

Examples

<template>
  <progress-bar :type="'success'" :size="'large'" :value="dynamicValue" :max="100" :show-label="true"></progress-bar>
</template>

<script>
import ProgressBar from 'vue-bulma-progress-bar'

export default {
  components: {
    ProgressBar
  },

  data () {
    return {
      dynamicValue: 60
    }
  },

  methods: {
    plus () {
      if (this.dynamicValue === 100) return
      this.dynamicValue += 10
    },

    minus () {
      if (this.dynamicValue === 0) return
      this.dynamicValue -= 10
    }
  }

}
</script>

Badges


fundon.me  ·  GitHub @fundon  ·  Twitter @_fundon

About

ProgressBar Component for Vue Bulma

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages