Circle progress component

[ghabriel25]

It would be awesome to have circle variant for https://fluxui.dev/components/progress like this that can be aligned with default variant

<div class="flex min-h-screen items-center justify-center bg-gray-100">
  <div class="relative h-40 w-40">
    <svg class="h-full w-full -rotate-90 transform">
      <!-- Background circle -->
      <circle cx="50%" cy="50%" r="70" stroke="currentColor" stroke-width="10" fill="transparent" class="text-gray-300" />

      <!-- Progress circle -->
      <circle cx="50%" cy="50%" r="70" stroke="currentColor" stroke-width="2" fill="transparent" stroke-dasharray="440" stroke-dashoffset="110" class="text-blue-500 transition-all duration-500 ease-in-out" />
    </svg>

    <!-- Percentage text -->
    <div class="absolute inset-0 flex items-center justify-center">
      <span class="text-lg font-bold text-gray-700">75%</span>
    </div>
  </div>
</div>

[jdc1898]

I submitted a PR request for this. #2461