<template>
  <section class="progress">
    <def-progress :percentage="60" color="red" />

    <def-progress :percentage="60" type="circle" :time="5000">
      <template v-slot="{ percentage }">
        {{ percentage }}
      </template>
    </def-progress>
  </section>
</template>

<script lang="ts" setup></script>

<style scoped lang="scss">
.progress {
}
</style>
