---
title: "Percentage preloader — Framer component · Best of Framer"
description: "$12.00 · Framer component · by Bob Torfs · Loaders. Percentage Preloader introduces a refined loading experience with animated percentage values that progress from 0 to 100."
canonical: "https://framer.elliotli.dev/component/percentage-preloader"
---

[Home](/)/[Components](/components)/[Loaders](/components/category/loaders)/Percentage preloader

# Percentage preloader

loading progress from 0–100%.

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

![Percentage preloader preview image 1](https://framer.elliotli.dev/og/component/percentage-preloader/3a3182a840c2b0b2/1600x1200.jpg)

## Summary

Percentage Preloader introduces a refined loading experience with animated percentage values that progress from 0 to 100.

## Description

Percentage Preloader introduces a refined loading experience with animated percentage values that progress from 0 to 100. Designed to feel calm and intentional, it’s ideal for portfolios, product sites, and editorial layouts where first impressions matter.

**Features**

-   Animated percentage counter (0–100)
    
-   Smooth, modern transitions
    
-   Fully customizable colors and opacity
    
-   Minimal, distraction-free design
    
-   Fully responsive
    

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

-   All · #6857

## Details

- **Author**: Bob Torfs
- **Price**: $12.00
- **Published**: 2026-01-14
- **Updated**: 2026-01-29
- **Added**: 2025-12-28
- **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