Page scroll progress

Layout, content and available controls for Page scroll progress.

Scale Theme · v1.9.3 · 1 min read

Where to find it

Add this section from the theme editor on a supported template.

If you want to add the scroll progress bar to the ENTIRE store, add this section just below the Header section.

Conditional controls appear after choosing the relevant source, style or option. Saved values may differ from new defaults.

Display section ID: ID is used in the Sections group section to create anchor links. Toggle on to show a copy button on this section.
Display on: Choose the presentation or source that fits this component.Options: All devices · Desktop only · Mobile only
Bar height: Adjust within the range offered by the theme editor.
Color source: Theme colors follow Theme settings > Colors. Other sources apply only to this section.Options: Use theme colors · Choose a color scheme · Set custom colors
Color schemeConditional: Choose an available Shopify color scheme.
Bar colorConditional: Choose a local color when the relevant custom source is enabled.
Corner radius: Adjust within the range offered by the theme editor.
Position: Choose the presentation or source that fits this component.Options: Top · Bottom