<template>
  <view class="progress-bar">
    <view class="progress" :style="{ width: progress + '%' }"></view>
  </view>
</template>

<script lang="ts" setup>
const props = defineProps({
  progress: {
    type: [Number, String],
    default: 0,
  },
})
</script>

<style scoped>
.progress-bar {
  background-color: #f0f0f0;
  border-radius: 5px;
  overflow: hidden;
}

.progress {
  height: 10px;
  background-color: #1580ff;
  transition: width 0.3s;
}
</style>
