Conic Progress Ring
A token-driven conic progress ring whose angular fill and center count settle together from one registered percentage.
- Job
- prove, demonstrate
- Family
- data
- Default duration
- 4.0s
- Frame rate
- 30 fps
- Engine
- Remotion / React
- Background
- Transparent — composites over any scene
Use it
Ask the agent. It copies this component into your project and edits it there — nothing to install, and rendering happens in the cloud.
“Add the conic-progress-ring scene to my video and set its props to match my brand.”
Customize in Studio
Adapt the content, styling, timing, and layout to fit your project.
Related
All charts & metricsDecline Chart
A metric line draws downward as its value counts down and the ambient background darkens in lockstep.
Star Rating Fill
A token-driven star row whose colored layer sweeps to a rating, preserves the fractional final star, and can count the value in sync.
Logo Wall
A trusted-by wall of placeholder lettermark logos that fades and scales into place with a deterministic per-cell stagger.
Animated Bar Chart
A compact data card with deterministic bar growth and value callouts.
Bar Chart Race
Ranked bars grow and overtake each other as a time series advances, with the axis rescaling as values climb and the accent handing over to whoever leads
Data Chart
Animated bar + line chart with staggered reveal, NYT-style typography, and value labels
Adapted from the HyperFrames registry, © HeyGen, Apache 2.0.