---
title: "Steps — Framer component · Best of Framer"
description: "$4.00 · Framer component · by Motiondrops · Sections. Smooooth, as scroll should be"
canonical: "https://framer.elliotli.dev/component/scroll-tracker"
---

[Home](/)/[Components](/components)/[Sections](/components/category/sections)/Steps

# Steps

Smooooth, as scroll should be

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

![Steps preview image 1](https://framer.elliotli.dev/og/component/scroll-tracker/c1b29c1784e4c808/1600x1200.jpg)

## Summary

Smooooth, as scroll should be

## Description

## Smooooth, as scroll should be

A minimal scroll progress indicator that smoothly tracks page sections in real time using their layer names. Complete control over the visual style: control colors (active, inactive, background), indicators' width, height, spacings, paddings, and corner radius.

### How to use

Add the names of the sections you want to track in the **Sections** property. Each name must exactly match the layer name of the corresponding section on your page. The component will automatically detect those layers and track scroll progress for each one.

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

-   All · #5346

## Details

- **Author**: Motiondrops
- **Price**: $4.00
- **Published**: 2026-01-25
- **Updated**: 2026-04-12
- **Added**: 2026-01-06
- **Categories**: Sections

## More like this

-   [Project Index](/component/project-index) — Bernardo Lickfold · Free — Editorial index: hover & scroll
-   [Face Parade](/component/face-parade) — RAjan · Free — Animated team profiles
-   [Staircase Cover Flow](/component/staircase-cover-flow) — Karim Saif · $7 — editorial-inspired image gallery
-   [In Their Words](/component/in-their-words) — Majed Monem · $9 — A wall of customer quotes