> For the complete documentation index, see [llms.txt](https://help.parta.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.parta.io/editor/edit-elements/set-interactive-elements/slider.md).

# Slider

Allows the user to switch between different content using control buttons (left and right). This is useful for viewing content in the form of slides.

<figure><img src="/files/7VV0rHKc5sb1uuTp9bnS" alt=""><figcaption></figcaption></figure>

#### Double-click on an element to view its settings.

<figure><img src="/files/Vr8LmCZvxHaH7n19ASC7" alt=""><figcaption></figcaption></figure>

### 1. Infinite scroll

To make infinite scroll, switch property **infinite scroll** to **yes.**

<figure><img src="/files/6H95xGybOQDL7cVKXkFd" alt=""><figcaption></figcaption></figure>

### 2. Progress bar

To show a progress bar under slider, switch property **progress bar** to **yes.**

<figure><img src="/files/QAfMpCQGya7fEZcqLPjD" alt=""><figcaption></figcaption></figure>

### 3. Progress bar type

To change a progress bar type, select **markers** or **number** in property **type.**

<figure><img src="/files/MUG2FhJpbnZO3nF5YBqu" alt=""><figcaption></figcaption></figure>

### 4. Add slider item

To add a new slider item, click on "**Add**" button placed in the element settings

<figure><img src="/files/5Ll7x3mdSodiighud8un" alt=""><figcaption></figcaption></figure>

### 5. Delete slider item

To remove a slider item, select the **“delete”** option in the element settings.

<figure><img src="/files/mnbCSXSzRGQESIOsSXAK" alt=""><figcaption></figcaption></figure>

### 6. Duplicate slider item

To duplicate a slider item, select the **"duplicate"** option in the element settings.

<figure><img src="/files/2oAEWI1OrR96Z4YnGBSr" alt=""><figcaption></figcaption></figure>

### 7. Move slider item

To move an slider item, just drag the slider item to where you want it to appear.

<figure><img src="/files/Dh7wOUfQN3sduBTfSCmL" alt=""><figcaption></figcaption></figure>
