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

# storefrontProgressBar

> The store's cart progress bar. Null while it's off.

**Required scopes:** [`checkout_read`](https://developers.redo.com/docs/api-reference/v3/reference/scopes#scope-checkout_read)

## Returns

**storefrontProgressBar** `[StorefrontProgressBar](/docs/api-reference/v3/reference/checkout/storefront-progress-bar)`

The cart progress bar shoppers see on the storefront. A store has one only while it's on.

**fields**

**belowThresholdText** `String!` *required*

The text shown below the threshold.

**color** `String!` *required*

The bar's color.

**reachedThresholdText** `String!` *required*

The text shown at or above the threshold.

**selectors** `[\[StorefrontSelector!\]!](/docs/api-reference/v3/reference/checkout/storefront-selector)` *required*

Where the bar goes.

**fields**

**insertPosition** `[StorefrontInsertPosition!](/docs/api-reference/v3/reference/checkout/storefront-insert-position)` *required*

Where the widget goes relative to the selected element.

**selector** `String!` *required*

The CSS selector.

**threshold** `[Money!](/docs/api-reference/v3/reference/common/money)` *required*

The cart total that fills the bar.

**fields**

**amount** `[Decimal!](/docs/api-reference/v3/reference/common/decimal)` *required*

The exact amount as a decimal string (e.g. "19.99").

**currency** `String!` *required*

ISO 4217 currency code (e.g. USD).

## Example

```graphql theme={null}
query {
  storefrontProgressBar {
    belowThresholdText
    color
    reachedThresholdText
  }
}
```


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.