A compact, week-at-a-glance tracker that visualizes daily progress with segmented bars. Each row is a day (Mon–Sun) and each bar is split into equal slots to represent tasks, sessions, or streak steps. Filled segments glow to highlight completed items while empty segments stay muted for quick scanning. A hover/press tooltip reveals totals (e.g., Sun • 3/6 • 100%) for precise feedback. The layout is dense yet readable, perfect for dashboards and mobile. Use it to reinforce consistency, spot gaps, and celebrate streaks without reading a single number.
Functionality
-
Seven-day rows with fixed or dynamic segment counts per day.
-
Completed vs. remaining states (active glow + muted idle).
-
Tooltip with day label, completed/total, and percent.
-
Optional goals, thresholds, and streak highlights.
-
Keyboard/touch navigation; accessible focus and labels.
-
Theming support (colors, radius, spacing, shadows, dark/light).
Use cases
-
Habit tracking (workouts, reading, meditation, language practice).
-
Productivity checklists (focus sessions, pomodoros, standups).
-
Learning dashboards (lessons completed per day/week).
-
Health routines (meds, hydration, rehab exercises).
-
Sales/ops cadence (calls, follow-ups, SLA checks).
-
Team dashboards for weekly OKRs and compliance tasks.
Keywords
habit tracker, weekly tracker, segmented progress bar, streaks, checklist progress, daily goals, routine tracker, productivity tracker, dashboard widget, progress visualization, completion rate, goal tracking, session counter, heatmap bar, mobile dashboard, dark mode, Flutter chart, Flutter widget, FlutterFlow component
Segmented Progress Bar Chart
- Fixed price & scope
- Pixel-perfect UI/UX
- App Store & Google Play submission
You may only use this template for one project. For more details, please read the Marketplace Terms of Service.