<template>
  <div class="ht-base-progress-percentage-demo">
    <ht-base-progress :percent="25" :stroke-width="20" text-inside />
    <ht-base-progress
      :percent="45"
      :stroke-width="20"
      status="active"
      text-inside
    />
    <ht-base-progress
      :percent="65"
      :stroke-width="20"
      status="wrong"
      text-inside
    />
    <ht-base-progress :percent="100" :stroke-width="20" text-inside />
  </div>
</template>

<script>
export default {
  name: "HtBaseProgressPercentageDemo",
};
</script>
<style lang="less">
.ht-base-progress-percentage-demo {
  .ht-base-progress{
    margin-bottom:20px;
  }
}
</style>

