<script setup lang="ts">
/**
 * @Name: ProgessBar.vue
 * @Description:
 * @Author: Cheney
 */

const props = defineProps({
  row: {
    type: Object,
    required: true
  },
  percentage: {
    type: String,
    required: true
  }
})
</script>

<template>
  <div v-for="i in [5,4,3,2,1]" :key="i" class="w-full flex items-center" style="max-height: 15px;">
    <span class="w-10 text-right mr-2 italic">{{ i }}星</span>
    <el-progress
        striped
        striped-flow
        :color="'#3A8EE6'"
        :percentage="row.goods[`${percentage}${i}`]"
        :stroke-width="10"
        class="flex-1"
    />
  </div>
</template>

<style scoped>

</style>
