Progress Bar
Overview
The Progress Bar displays overall progress based on selected products, quantity, or total value.
Purpose
Provides a visual indicator of how much progress has been made toward a defined goal.
Behavior
- Updates dynamically as products are selected
- Reflects overall progress (not tied to specific tiers)
- Updates instantly in preview and storefront
Placement
- Displayed within the bundle layout
- Position may vary depending on layout and template
Styling
Controlled from Progress → Progress Bar:
- Track (background)
- Fill (progress)
- Height
- Border radius
- Spacing (top and bottom)
- Text styling (color, size, weight)
Use Case
Used when showing general progress, such as total quantity or amount.
Summary
The Progress Bar is used to visualize overall bundle progress, independent of tier-based rewards.
