Metric Ring

Circular progress dial holding a percentage at its center, captioned with a label and supporting hint.

87%
Cache hitlast 1h

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Monitoring9 } from "@/components/beste/piece/monitoring9";

<Monitoring9
  label="Cache hit"
  value={87}
  unit="%"
  hint="last 1h"
  tone="sky"
/>