Progress Tracker
Progress trackers visually guide users toward completion and gives them a sense of achievement. These components are typically used in scenarios where users need to track their progress toward a set goal, such as task completion, milestones, or performance targets.
On this page
Progress Trackers
There are three progress tracker types.
1. Continuous Linear Tracker
A smooth progress tracker that visually represents progress from start to finish without explicit divisions. Best for fluid journeys that do not need to focus on individual steps but track overall progress.
2. Segmented Linear Tracker
A progress bar divided into distinct segments, representing discrete stages or milestones. Ideal for breaking complex processes into manageable steps, reducing user overwhelm.
3. Progress Circular Determinate
A circular progress indicator that represents progress as a filling arc around a circle, displaying a percentage or value in the center. Useful for showing measurable progress in tasks, such as data loading, goals, or form completion.
Interactive Demo
This demo lets you preview progress indicators, variations, and configuration options.
Questions?
Connect with the DLS Team on Slack or by email.
Resources
Check out additional resources.