/**
* @Author think
* @Date 2020-07-20 14:47
*/

<template>
  <div :style="{backgroundColor:progressBg}" class="h-progress">
    <div :style="{width:percent+'%',backgroundColor: progressActBg}" class="h-progress-bar"/>
  </div>
</template>

<script>
export default {
  name: 'HProgress',
  props: {
    percent: {
      request: true,
      type: Number,
      default: 0,
    },
    progressBg: {
      type: String,
      default: 'rgba(0,0,0,.1)',
    },
    progressActBg: {
      type: String,
      default: '#0041c4',
    },

  },
  data () {
    return {}
  },
  methods: {},
}
</script>

<style lang="less">
  .h-progress{
    width: 100%;
    height: 3px;
    .h-progress-bar{
      height: 100%;
    }
  }
</style>