A horizontal progress indicator with semantic variants.
Progress defines how EnterUI handles a horizontal progress indicator with semantic variants, including default structure, accessible states, and token-driven styling.
Default progress uses the theme ring color.
<VStack align="stretch" gap={12} fullWidth>
<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" />
</VStack>import { Progress, VStack } from "@froggdesign/enter-ui-react";Progress uses Radix progress semantics. Provide an accessible label unless nearby text already describes the value.
value and max control the indicator.variant: default, success, warning, error, or info.Every exported component accepts className when it renders an element. EnterUI styles use .eui-* classes and --eui-* variables mapped from FroggDesign theme tokens.