Fitness Goal

Goal tracker with a rose icon, target line, warm gradient progress bar, and current status plus deadline.

Run a half marathon21.1 km without stopping

82%

17.2 km longest runTarget by Jun 28

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

Import & use

import { Fitness6 } from "@/components/beste/piece/fitness6";

<Fitness6
  goal="Run a half marathon"
  target="21.1 km without stopping"
  current="17.2 km longest run"
  percent={82}
  deadline="Target by Jun 28"
  tone="neutral"
/>