Tier Progress

Overview

Tier Progress (Next Tier Progress) shows the user’s progress toward the next reward tier.

Purpose

Helps users understand how close they are to unlocking the next offer or reward.

Placement

• Displayed inside Bundle Box
• Specifically within Bundle Horizontal Box

Visibility

• Controlled from:
  Bundle Box → Bundle Horizontal Box (Show/Hide)

Behavior

• Updates dynamically based on total value or quantity
• Always reflects the next available tier
• Syncs with discount configuration

Content

• Dynamic message (remaining amount or quantity)
• Progress indicator

Tier States

• Locked → Not yet reached
• Active → Current target tier
• Completed → Already unlocked

Styling

Controlled from Progress → Tier Progress:

• Progress indicator (track and fill)
• Message styling
• Tier appearance
• Tier state styles (locked, active, completed)
• Spacing and alignment

Dependency

• Driven by discount tier configuration
• Visibility controlled from Bundle Box

Summary

Tier progress is a reward-based progress system that shows progress toward the next tier and is displayed inside the Bundle Box.