hoppscotch/packages/hoppscotch-ui/src/stories/ProgressRing.story.vue

<template>
  <Story title="Progress Ring">
    <HoppSmartProgressRing class="mr-2 text-red-500" :radius="8" :stroke="1.5"
      :progress="(failedTests / totalTests) * 100" />
  </Story>
</template>

<script setup lang="ts">
import { HoppSmartProgressRing } from "../components/smart"
const totalTests = 10
const failedTests = 2
</script>