Tier systems only motivate when the next tier feels reachable — members need to see exactly how far diamond is, in whatever unit the plan measures (team size, volume, active legs). Hand-rolled progress bars drift out of sync with the real qualification rules.

RankProgress renders the current tier Badge, the next tier, and a progress bar of value against target with the remaining gap spelled out. At the top tier (no nextTier) it switches presentation. The bar exposes a stable data-mlm-rank-pct handle.

Compute value/target from your plan's thresholds (the sandbox derives them from downline size via MlmProgram::rankProgress()) and pass tier/nextTier/unit. Purely presentational — no internal state to fight.