# free-shipping-bar

> Shows the progress towards free shipping from the cart; 2.0: data-amount can give a threshold per currency (§2.11).

Status: Ready (Smootify 2.0)  
URL: https://www.smootify.io/docs/astro/reference/elements/free-shipping-bar  
Updated: 2026-10-21

## Where it can go

- **Anywhere** on the page.
- **Out of place,** it stays in the page and does nothing: no context required.

## What it requires

Nothing beyond Smootify: it works on every plan.

## Attributes on the element

- **It reads** `data-amount`, `data-quantity`.

## Attributes inside it

| Group | Attribute name | Values |
|---|---|---|
| [Free shipping bar](https://www.smootify.io/docs/astro/reference/attributes/free-shipping) | `data-prop` | 2 |
| [Free shipping (condition)](https://www.smootify.io/docs/astro/reference/conditions/free-shipping) | `free-shipping-condition` | 2 |

## Loading

Its code loads only on pages that have `free-shipping-bar`.