Use Cases
Task Breakdown
Visualize multi-step tasks as progress segments.
project
Fitness Challenges
Track daily goals across segments for a full routine.
health
Curriculum Progress
Split modules or chapters into equal visual steps.
academic
Segment Display
Discrete Blocks
Displays progress using segments instead of a single bar.
Color Styling
Filled vs Empty
Customize colors for completed and remaining blocks.
Lightweight Design
Fast & Flexible
Easy to embed into any Notion layout.
Settings
| Setting Name | Section | Type |
|---|---|---|
| Maximum Value | progress | data |
| Step Size | progress | data |
| Card Background Color | card | color-picker |
| Card Border Color | card | color-picker |
| Title Color | card | color-picker |
| Status Text Color | card | color-picker |
| Filled Color | segments | color-picker |
| Empty Color | segments | color-picker |
| Progress Text Color | segments | color-picker |
| Button Background Color | buttons | color-picker |
| Button Text Color | buttons | color-picker |
| Outline Color | buttons | color-picker |
| Outline Text Color | buttons | color-picker |
Track Step-by-Step Progress Visually
The segmented progress tracker is ideal for workflows that require step validation or granular goals.