<template>
  <div class="progress-tips">
    <hive-progress
      :value="value"
      :inline="inline"
      :type="type1"
      :message="message"
    >
    </hive-progress>
    <hive-progress
      :value="value"
      :inline="inline"
      :type="type2"
      :size="size"
      :message="message"
    >
    </hive-progress>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        value: 0.6,
        inline: true,
        size: 'large',
        type1: 'circle',
        type2: 'bar',
        message: '提示文字',
      };
    },
  };
</script>
