Vertical Fill

Vertical tube that fills bottom-up with a gradient, paired with a percent readout and label.

72%Hydration

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

Import & use

import { Progress7 } from "@/components/beste/piece/progress7";

<Progress7
  value={72}
  label="Hydration"
  tone="sky"
/>