> For the complete documentation index, see [llms.txt](https://globosoftware.gitbook.io/globosoftware-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://globosoftware.gitbook.io/globosoftware-docs/field-types/selects/range-slider.md).

# Range slider

Let visitors answer by dragging a handle between two ends instead of typing a number.

The **Range Slider** field lets customers select a number by dragging a handle along a track. It’s useful for budgets, quantities, satisfaction scores, and other numeric ranges.

## 🔧 How to Set It

In the form editor, click **Add element** > select **Range Slider** to add the field to your form.

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2F1KkMNj0eYA3HhhDIOBdR%2F2026-10-12_16-52-47.png?alt=media&amp;token=b13e6e5c-113d-406a-934f-f6c33d478d35" alt=""><figcaption></figcaption></figure>

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2F7jcI2uHBlp9dusNEirUa%2F2026-10-12_16-53-12.png?alt=media&amp;token=a141e4a3-6e04-4b9f-a1ec-c8dcfd36d4ab" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
See [Add and arrange elements](/globosoftware-docs/build-your-form/add-and-arrange-elements.md) for the other ways to add a field and how to reorder them.
{% endhint %}

## 🛠️ Field-Specific Settings

### 🔢 Min Value, Max Value & Step

* **Min Value:** The lowest selectable number.
* **Max Value:** The highest selectable number.
* **Step:** The interval between selectable values.

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2FMGae96YFjm83cxlnSh73%2F2026-10-12_17-02-46.png?alt=media&amp;token=41311ea3-40ee-4e9c-9bb8-192a4cb71a0b" alt=""><figcaption></figcaption></figure>

### 💲 Prefix & Suffix

Add text before or after the number to show currency or units.

* **Prefix:** Appears before the number, such as `$500`.
* **Suffix:** Appears after the number, such as `500 kg`.

### 🎯 Default Value

Set the initial value shown when the form loads. It must be within the minimum and maximum range.

## ⚙️ How It Works

Customers drag the slider handle to select a value within the range you define.

* The **Min Value** and **Max Value** set the available range.
* The **Step** sets how much the value changes each time the handle moves.
* The **Default Value** is selected when the form first loads.
* The selected value is included in the form submission.

**Example:** With a minimum of `0`, maximum of `1000`, and step of `100`, customers can select `0`, `100`, `200`, and so on, up to `1000`.

<figure><img src="https://712145376-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2AkSDlkSYnQXINUtOZOT%2Fuploads%2FleAOz6JY8YSWobNW0Y03%2F2026-10-12_17-04-00.png?alt=media&amp;token=4b2db29b-916f-44f5-86ea-6b336c06a07f" alt=""><figcaption></figcaption></figure>

## Next steps

* [Number](/globosoftware-docs/field-types/number-fields/number.md) — a typed number when the exact figure matters.
* [Rating level](/globosoftware-docs/field-types/ratings/rating-level.md) — a numbered scale of buttons instead of a track.
* [Show or hide fields with conditional logic](/globosoftware-docs/build-your-form/conditional-logic.md) — react to where the handle lands.
