---
title: "Semi Progress Bar — Free Framer component · Best of Framer"
description: "Free Framer component · by Elemis Themes · Loaders. Animated Semi Progress Bar"
canonical: "https://framer.elliotli.dev/component/semi-progress-bar"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Semi Progress Bar

# Semi Progress Bar

Animated Semi Progress Bar

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

![Semi Progress Bar preview image 1](https://framer.elliotli.dev/og/component/semi-progress-bar/8e3c9254db44bd58/1600x1200.jpg)

## Summary

Animated Semi Progress Bar

## Description

🔗 [Live preview →](https://semi-progress-component.framer.website/)

👉 [Browse more free templates →](https://www.framer.com/@elemis-themes/?tab=template&sort=popular)

A clean, animated semi-circle progress component with customizable colors, typography, and content. The progress animates when it enters the viewport and includes adjustable timing and animation controls.

Features:

• Animated semi-circle progress indicator with percentage counter

• Adjustable progress value from 0–100%

• Customizable animation duration and delay

• Viewport-triggered animation with adjustable InView Amount

• Customizable progress and track colors

• Optional percentage sign

• Editable title and description

• Independent font controls for percentage, title, and description

• Adjustable text and subtitle colors

• Adjustable stroke thickness

• Independent width controls for the progress indicator and text content

• Adjustable spacing between the progress and text

• Vertical offset control for the percentage label

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

-   All · #4343

## Details

- **Author**: Elemis Themes
- **Published**: 2026-09-08
- **Updated**: 2026-09-30
- **Added**: 2026-09-08
- **Categories**: Loaders

## More like this

-   [Preloader Pro V4](/component/preloader-pro-v4) — Interface Studio · $12 — Your Website, Beautifully Unveiled
-   [Circleloader](/component/circleloader) — gustavwf · $5 — Circular logo reveal loader.
-   [AI Text Loading](/component/ai-text-loading) — Syauqizaidan Khairan Khalaf · $5 — Thinking phrases with a shimmer
-   [Preloader Pro V3](/component/preloader-pro-v3) — Interface Studio · $10 — Set the Stage Before the Story