Skip to content

ScrollProgressV1

Circular scroll progress widget

ScrollProgressV1 preview image 1

Summary

ScrollProgressV1 is a clean and customizable circular scroll progress widget for Framer.

Description

ScrollProgressV1 is a clean and customizable circular scroll progress widget for Framer.

It helps visitors see how far they have scrolled through a page in a simple and visual way. Use it for blog posts, articles, case studies, portfolios, documentation pages, landing pages, and long-form content.

Features:

- Circular scroll progress indicator

- Live percentage display

- Custom label text

- Adjustable size and stroke width

- Custom progress, track, background, text, and label colors

- Optional shadow

- Fixed positioning

- Choose between top left, top right, bottom left, and bottom right

- Adjustable X and Y offset

- Smooth scroll animation

- Works directly inside Framer

How to use:

1. Add the component to your Framer page.

2. Choose the position where the widget should appear.

3. Customize the colors, size, stroke, label, and shadow.

4. Publish your page.

This component is designed to be simple, flexible, and easy to customize for different website styles.

Rank history How rankings work →

120014001600170818/149/59/2710/1911/10
  • All · #6846

Details

More like this