---
title: "Progress Bar Pro — Framer component · Best of Framer"
description: "$9.00 · Framer component · by MJ Jung · Interactive. - Customizable styles: minimal, gradient, rounded, segmented - Adjustable progress, title, subtitle, colors, bar height, and animation duration…"
canonical: "https://framer.elliotli.dev/component/progress-bar-pro"
---

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

# Progress Bar Pro

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

![Progress Bar Pro preview image 1](https://framer.elliotli.dev/og/component/progress-bar-pro/24c6941a5e45b03a/1600x1200.jpg)

## Summary

\- Customizable styles: minimal, gradient, rounded, segmented - Adjustable progress, title, subtitle, colors, bar height, and animation duration - Show or hide percentage -…

## Description

**\## Features**

\- Customizable styles: minimal, gradient, rounded, segmented

\- Adjustable progress, title, subtitle, colors, bar height, and animation duration

\- Show or hide percentage

\- Interactive animations

**\## Getting Started**

Drag the component onto your canvas to start tracking progress visually.

**\## Property Reference**

\- Progress(%): Set the progress percentage (0-100)

\- Example: Set to 75 for a progress of 75%

\- Bar Style: Choose from minimal, gradient, rounded, or segmented

\- Bar Height: Adjust the height of the progress bar

\- Bar Color: Set the primary color of the progress bar

\- Bar Gradient End: Only applicable for gradient style

\- Bar Background: Set the background color of the progress bar

\- Show Percentage: Toggle to show or hide the progress percentage

\- Pill Style: Choose from Text, Badge, Gradient Text or None

\- Pill Text Color: Customize the text color

\- Animation(sec): Adjust the speed of the animations.

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

-   All · #10975

## Details

- **Author**: MJ Jung
- **Price**: $9.00
- **Published**: 2025-12-09
- **Updated**: 2025-12-09
- **Added**: 2025-11-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