<template>
  <div class="progress">
    <progress-bar theme-color="#34A853" :duration="20"></progress-bar>
    <progress-bar :step="0.5" :duration="20"></progress-bar>
    <progress-bar theme-color="#FF3300" :step="1" :duration="20" :format="format"></progress-bar>
  </div>
</template>
<script lang="ts">
import Vue from 'vue'
import { ProgressBar } from '../../tunas'

export default Vue.extend({
  components: {
    ProgressBar
  },

  methods: {
    format (c) {
      return c
    }
  }
})
</script>
