Why teams buy this component
Orluma Progress Ring is a premium Framer Code Component for displaying progress, goals, KPIs, skill levels, completion states, and dashboard metrics in a polished visual format.
It uses an animated SVG progress ring with gradient stroke, glow, pulse, shimmer, optional icon, value display, label, helper text, and a customizable card container.
Everything can be edited directly inside Framer through property controls. You can adjust the value, max value, prefix, suffix, label, helper text, icon, size, shape, card style, stroke width, colors, glow, pulse, shimmer, animation, hover lift, and disabled state without touching the code.
What you get
- Animated SVG progress ring
- Custom value and max value
- Prefix and suffix support
- Optional center icon
- Optional value display
- Optional label and helper text
- Gradient progress stroke
- Glow effect
- Pulse effect
- Shimmer highlight
Configure in the sidebar
Every visual and behavioral option is a property control — drop the component on your canvas, open the right panel, and rebrand it to match your project in minutes.
