Percent Preloader

Percent Preloader is a minimal percentage loading screen for Framer. Instead of a spinner, visitors see a large counter climb from 0 to 100% with a small 'Loading' label. The counter follows the real page load, and when it reaches 100% the loader splits open to reveal your website — a clean, premium first impression.

How it works:

- A full-screen loader appears as soon as the page starts loading

- A big number counts up from 0 to 100% based on the real page load

- At 100% the screen splits open and your page is revealed

Features:

- Animated percentage preloader with large display numbers

- Tracks the real page load instead of a fake timer

- Split-open reveal transition when loading finishes

- Dark, minimal style with a coloured % accent and subtle column lines

- Edit colours, font, label text and timing from the property controls

- Works on any page — just drop it into your Framer project

- Responsive for desktop, tablet and mobile

Perfect for portfolios, creative agencies, design studios, SaaS and premium Framer websites that want a polished website preloader or page loading animation.