You can show Scroll Progress Bar widget to show your viewpoint visually in page.

How to create Scroll Progress Bar Widget?

Step 1. Create, or choose the Column into which you want to add your element. Click on Add New Element.

Step 2. Drag UDesign Scroll Progress Bar from the element List.

Step 3. Add Scroll Progress Bar Widget and edit.

Scroll Progress Bar Option.

Type – Select scroll progress bar type. UDesign supports two types of scroll progress bar. One is horizontal and another one is circular progress around the “to top” button.

You can set font size of icon and position of “to top” button in case of circular scroll progress bar type.

Scroll Progress Bar Style.

Thickness – Thickness of scroll progress bar.

Border Radius – Border radius of scroll progress bar track.

Active Bar Border Radius – Border radius of active scroll progress bar.

Bar Color – Color of scroll progress bar track.

Active Bar Color – Color of active scroll progress bar.