Getting Started
Foundations
Components
Search for a command to run...
Progress bars show users how much of a task has been completed and how much remains. They're used for file uploads, form completion, loading states, or any process that has measurable progress. Progress bars provide visual feedback that helps users understand system activity and estimate completion time.
Built on top of Radix UI's Progress primitive with proper accessibility support including ARIA attributes that announce progress to screen readers.
import { Progress } from "@strongtie/design-system/progress"All components extend Radix UI primitives. See the Radix UI documentation for all available props.
Components can be styled using the className prop. The design system uses Tailwind CSS for styling.
The following data attributes are used to identify component parts:
progressprogress-indicatorOther CSS classes used by this component:
progressprogress-indicatorThis component inherits accessibility features from Radix UI, including: