Progress Bar Slots Example

The above example converts the normal progress bar using the Slider's API as well as custom CSS/JS.

Step 1: From the slider's main settings page, activate the regular Progress Bar.

Step 2: Add the following code to the slider's Custom CSS section, adjusting the colors to fit your styling needs.

Step 3: Add the following code to the slider's Custom JavaScript section, adjusting the "revapi1" number with your slider's ID