Progress component

Milestones Panel

Shows earned, current, and upcoming milestones in a clear progression.

Interactive example

Mobile preview

Live preview

9:41

My Rewards

Good morning, Alex

Your progress

Joined

Halfway there – 250 pts

Spend $75

Appreciation complete – 1,000 pts

Client implementation

Embed code

React / React NativeJSX

import { MilestonesPanel } from "@nextbee/client-components";

export function MemberExperience() {
  return (
    <MilestonesPanel
      memberId={member.id}
      challengeId="ch_ace_mam_2026"
    />
  );
}

Implementation note

Replace the example identifiers with values from your authenticated member and challenge context. Data is served by the Client APIs documented in API Specs.