The Scroll Progress Bar is a visual indicator that shows users how far they have scrolled down a webpage. This element enhances navigation for long content by helping users track their reading progress.
Adding a Scroll Progress Bar
To add a Scroll Progress Bar in Vev:
Open the left panel and click Add component (shortcut:
M).Search for Scroll Progress Bar.
Drag and drop the element onto your canvas.
Styling a Scroll Progress Bar Component
You can customize the Scroll Progress Bar to match your design:
Background Settings
Container: Change the background of the component’s container.
Progress Bar (PR): Adjust the color of the progress bar itself.
Pro Tip: To ensure the Scroll bar appears on all of the necessary pages in your project, pin it at the top of the layers panel.