> ## Documentation Index
> Fetch the complete documentation index at: https://developers.loyaltylion.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Tier progress

<Note>Available on the **Advanced plan** and above.</Note>

Display a progress bar of the customer's tier position and membership status. The component will render information about points- or spend-based tiers based on your tier settings.

<Note>
  For points-based tiers: Please note that unlike approved points, tier points
  do not go down when points are redeemed for a reward. Read more about
  [customer tier
  progress](https://help.loyaltylion.com/en/articles/9042359-customer-tier-progress).
</Note>

## Multi-tier

Displays the customer's progress through all tiers.

<Frame>
  <img src="https://mintcdn.com/loyaltylion/mzpO03HW8a1K958n/images/sdk/tier-progress-multi.png?fit=max&auto=format&n=mzpO03HW8a1K958n&q=85&s=1d450c9a7eca600cd532354f1c0baadf" alt="Tier progress - multi tier" width="1116" height="316" data-path="images/sdk/tier-progress-multi.png" />
</Frame>

```html theme={null}
<div data-lion-tier-progress="multi"></div>
```

## Single-tier

Displays the customer's progress within their current tier.

<Frame>
  <img src="https://mintcdn.com/loyaltylion/mzpO03HW8a1K958n/images/sdk/tier-progress-single.png?fit=max&auto=format&n=mzpO03HW8a1K958n&q=85&s=545cbd9e4444e04f88027623013a5164" alt="Tier progress - single tier" width="1134" height="294" data-path="images/sdk/tier-progress-single.png" />
</Frame>

```html theme={null}
<div data-lion-tier-progress="single"></div>
```