evant-progress-bar

<template>
  <evant-progress-bar
      v-model="percent"
      placement="right"
      progressColor="red"
      progressBgColor="yellow"
      :thunkStyleObject="{'background-color': 'blue', 'border-radius': '50%'}"
      :blockStyleObject="{'border': '1px solid red'}"
      @getPercent="getPercent"
  >
<!--    <template #icon>
      <i class="icon-notice"></i>
    </template>-->
  </evant-progress-bar>
</template>

<script>
import EvantProgressBar from "evant-progress-bar"
export default {
  components: { EvantProgressBar },
  data() {
    return {
      percent: 20
    }
  },
  methods: {
    getPercent(value) {
      console.log("当前进度值：", value)
    }
  }
}
</script>