نمودار دایره ای

<div class="pie-chart" data-size="100" data-percent="90" data-bar-color="#141414" data-track-color="#e6e6e6" data-scale-color="false" data-line-width="2">  <div class="pie-chart-content">    <h4 class="m-0">9</h4>  </div>
</div>

<div class="pie-chart" data-size="100" data-percent="90" data-bar-color="#141414" data-track-color="#e6e6e6" data-scale-color="false" data-line-width="2">  <div class="pie-chart-content icon-2xl">    <i class="bi bi-star text-dark"></i>  </div>
</div>

<div class="pie-chart" data-size="120" data-percent="90" data-bar-color="#141414" data-track-color="#e6e6e6" data-scale-color="false" data-line-width="2">  <div class="pie-chart-content">    <span class="font-family-tertiary font-small fw-normal uppercase">Text</span>  </div>
</div>