---
title: "PageProgress — Framer component · Best of Framer"
description: "$12.00 · Framer component · by 8ighty8  · Interactive. Tracks page scroll postion"
canonical: "https://framer.elliotli.dev/component/pageprogress"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/PageProgress

# PageProgress

Tracks page scroll postion

[View on Framer](https://framer.com/marketplace/components/pageprogress/?via=elliot-li)

![PageProgress preview image 1](https://framer.elliotli.dev/og/component/pageprogress/2f2a185270e48dbd/1600x1200.jpg)

## Summary

Tracks page scroll postion

## Description

## Key Features ✨

-   Smooth scroll-synced animation with customizable easing
    
-   Solid color or gradient fills
    
-   Responsive with breakpoint control
    
-   Top or bottom placement options
    
-   Respects prefers-reduced-motion
    
-   Fully customizable appearance (thickness, radius, colors)
    

## Perfect for 🔥

-   Long-form articles and blog posts
    
-   Documentation sites
    
-   Landing pages with multiple sections
    
-   Mobile reading experiences
    
-   Any scrollable content where users benefit from visual progress feedback
    

## Questions❓

If you have any questions or need clarification, feel free to reach out before completing your order. [**hello@8ighty8.studio**](mailto:hello@8ighty8.studio)

**Follow me on X** [**@8ighty8studio**](https://x.com/8ighty8studio)

## Rank history [How rankings work →](/terms#rankings)

-   All · #11090

## Details

- **Author**: 8ighty8
- **Price**: $12.00
- **Published**: 2026-04-09
- **Updated**: 2026-04-09
- **Added**: 2026-03-28
- **Categories**: Interactive

## More like this

-   [Drawing component](/component/drawing-component) — Ariel Barrios · Free — Just a free drawing component
-   [Code Comparison](/component/code-comparison) — Syauqizaidan Khairan Khalaf · $5 — Before and after code side by side
-   [Voice Testimonials](/component/voice-testimonials) — valorsic studio · $15 — Voiceover & typewriter reviews
-   [Product Tour Pro](/component/product-tour-pro) — Oddframe · $10 — Showcase Products Step by Step