Progress

#Default usage

#Usage

import { Progress } from "@froggdesign/enter-ui";

export function Example() {
  return (
    <>
      <Progress value={68} aria-label="Component coverage" />
      <Progress value={92} variant="success" aria-label="Release readiness" />
      <Progress value={34} variant="warning" aria-label="Migration progress" />
    </>
  );
}

#Accessibility

Progress uses Radix progress semantics. Provide an accessible label unless nearby text already describes the value.

#API

• value and max control the indicator.
• variant: default, success, warning, error, or info.

#Styling

Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.