Linear Progress Bar

Linear Progress Bar is an animated Framer component for showing percentages with style and precision.

🔗 Live preview →

👉 Browse our free templates →

Linear Progress Bar is an animated Framer component for showing percentages with style and precision. It features smooth width transitions, optional scroll-into-view reveal, and full control over fonts, colors, spacing, height, and radius — all inside Framer.

Key Features

• Smooth animated fill with adjustable duration

• Scroll-based reveal animation

• Label + value with full font controls

• Custom colors, height, radius, and spacing

• Clean, responsive and lightweight

Where to Use

Skills, stats, dashboards, resumes, portfolios, and UI sections that need visual progress.

Customization

Control text, fonts, colors, bar size, animation timing and layout — no code edits needed.