<template>
    <div style="width: 60px;height: 20px;border:1px solid #000">
      <div :style="barStyle">{{numfin+'%'}}</div>
    </div>
</template>

<script>
  export default {
    props:{
      color: {
        type: String,
        default: '#00DB00'
      },
      numfin:{
        default: '0'
      }
    },
    ready() {

    },
    computed:{
      barStyle() {
        const style = {};
        style.width = this.numfin + '%';
        style.backgroundColor = this.color;
        return style;
      }
    }
  }
</script>
