---
title: "Goal Progress Bar — Framer component · Best of Framer"
description: "$5.00 · Framer component · by Acu from Akila Studio™  · Interactive. The Segmented Progress Bar component makes it easy to visualize goals and contributions inside Framer projects."
canonical: "https://framer.elliotli.dev/component/goal-progress-bar"
---

[Home](/)/[Components](/components)/[Interactive](/components/category/interactive)/Goal Progress Bar

# Goal Progress Bar

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

![Goal Progress Bar preview image 1](https://framer.elliotli.dev/og/component/goal-progress-bar/047a0f9919d0202a/1600x1200.jpg)

## Summary

The Segmented Progress Bar component makes it easy to visualize goals and contributions inside Framer projects.

## Description

The Segmented Progress Bar component makes it easy to visualize goals and contributions inside Framer projects. Define a target goal, set your current progress, and break it down into multiple categories — each with its own color on the bar.

On appear, the current value animates smoothly from 0 to your defined progress, giving a dynamic, engaging display. Perfect for portfolios, dashboards, fundraising trackers, or any project where you want to highlight growth and milestones.

## Features

· Set a custom goal and current progress

· Auto-animated progress counter on load

· Add multiple categories (e.g., client work, templates, sales), each with its own color and value

· Configurable bar height, radius, and background color

· Fully editable typography and color controls for goal and current values

· Smooth responsive design, adapts to different layouts

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

-   All · #10163

## Details

- **Author**: Acu from Akila Studio™
- **Price**: $5.00
- **Published**: 2025-10-08
- **Updated**: 2025-10-08
- **Added**: 2025-09-30
- **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