Percentra Loader

About Percentra

Percentra is a premium animated percentage loader for Framer that turns loading and progress states into a visually striking experience. It combines a glowing circular progress ring, animated percentage counter, perspective tilt, rotational motion, tick marks, and layered echo rings for a futuristic, high-end look.

The animation smoothly progresses toward any percentage value while the gauge rotates and settles into place. It can play once or loop continuously, making it ideal for loading screens, transitions, progress indicators, and interactive visual sections.

Key Features

• Animated percentage counter from 0–100

• Circular progress ring synchronized with the counter

• 3D perspective tilt and rotation

• Customizable spin and wobble motion

• Glow effects

• Adjustable tick marks and labels

• Segmented gauge styling

• Layered echo rings for added depth

• Intro grow animation

• Loop or single-play modes

• Replay on click or tap

• Responsive Framer layout support

Customization

• Set any percentage value

• Adjust animation speed

• Control ring size and thickness

• Customize segments and ticks

• Adjust tilt, spin, wobble, and perspective

• Change glow intensity

• Customize colors

• Edit number and label typography

• Change the “PERCENT” suffix text

• Adjust background and corner radius

Best Used For

• Website loading screens

• Creative portfolios

• Agency websites

• Product launches

• SaaS and technology websites

• Page transitions

• Interactive progress indicators

• Futuristic landing pages

Percentra transforms a simple percentage counter into a polished visual experience that makes progress feel dynamic, intentional, and memorable.