> ## 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-, spend- or order-count-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>

<Note>
  For order-count tiers: an order counts once it is paid or partially paid, and
  stops counting if it is cancelled or fully refunded. A partially refunded
  order still counts as one order. If your program sets a minimum qualifying
  order value, an order only counts when its value, net of refunds and gift
  cards, meets that minimum, and the component shows the minimum next to the
  order count.
</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>
```
