<template>
  <el-progress :percentage="percentage" :text-inside="element.props.type === 'line'" :style="selfStyle" v-bind="element.props"></el-progress>
</template>

<script>
import LabBase from "../../mixins/LabBase";
import LabEvent from "../../mixins/LabEvent";

export default {
  name: "LabProgress",  mixins: [LabBase,LabEvent],
  computed: {
    percentage(){
      return this.$Util.toNumber(this.modelData[this.element.mapper])
    }
  },
  created() {
    this.$LabRender.autoFill(this.element, this)
  }
}
</script>

<style scoped>

</style>