Scroll Progress

new

This component visually indicates the user's scroll progress on a page displaying a horizontal or vertical bar that fills as the user scrolls down. Let your visitors know how much they would have to scroll to reach the end of the page with an elegant and subtle cue. Highly customizable to fit any type of design.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Scroll progress

Adjustable properties

Bar height/width

Backgroud color

Fill color

Fill type (solid/gradient)

Glow

Native Framer motion

Adjustable properties

Bar height/width

Backgroud color

Fill color

Fill type (solid/gradient)

Glow

Native Framer motion

How do I use it?

You need to copy the component and then simply paste it in your Framer project. It will automatically import and appear in your left sidebar in the Assets tab under components - Eleveight Supply folder. From there you can drag it into your canvas for a new instance.

Drag it into your Desktop breakpoint and set it on top making sure the position type is set to "Fixed".

Set up guide for code components

How do I use it?

Drag it into your Desktop breakpoint and set it on top making sure the position type is set to "Fixed".

Set up guide for code components

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Get started on Framer

Get 3 free months on Yearly Subscription by entering "partner25proyearly" code at checkout.

Outlined

An elite repository of minimalist digital device illustrations & icons meticulously designed for creative projects.