<template>
    <div class="ht-base-circle-base-demo">
      <ht-base-circle :percent="80">
        <span class="demo-Circle-inner" style="font-size:24px">80%</span>
    </ht-base-circle>
    <ht-base-circle :percent="100" stroke-color="#5cb85c">
        <ht-base-icon type="ios-checkmark" size="60" style="color:#5cb85c"></ht-base-icon>
    </ht-base-circle>
    <ht-base-circle :percent="35" stroke-color="#ff5500">
        <span class="demo-Circle-inner">
            <ht-base-icon type="ios-close" size="50" style="color:#ff5500"></ht-base-icon>
        </span>
    </ht-base-circle>
    </div>
</template>

<script>
  export default {
    name: 'HtBaseCircleBaseDemo',
  }
</script>
<style lang="less">
    .ht-base-circle-base-demo {

    }
</style>

