v-progress-circular.vue

<template lang="html">
  <v-progress-circular  :rotate="360"
                        :size="100"
                        :width="15"
                        :value="value"
                        color="teal" 
  >
    {{ value }}
  </v-progress-circular>
</template>

<script>
export default {
  name: 'sidebar',
  data: () => ({
    interval: {},
    value: 0
  }),
  beforeDestroy () {
    clearInterval(this.interval)
  },
  mounted () {
    this.interval = setInterval(() => {
      if (this.value === 100) {
        return (this.value = 0)
      }
      this.value += 10
    }, 1000)
  }
}
</script>

<style lang="css" scoped>
.v-progress-circular {
  margin: 1rem;
}
</style>