<template>
  <div class="progress-circle">
    <hive-progress
      :value="value"
      :inline="inline"
      :type="type"
    >
    </hive-progress>
    <hive-progress
      :value="value"
      :inline="inline"
      :type="type"
      :size="size"
    >
    </hive-progress>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value: 0.6,
        inline: true,
        size: 'large',
        type: 'circle',
      };
    },
  };
</script>
