Donut Progress Chart Animation in Cavalry

Building a Donut Progress Chart in Cavalry and Rigging Fundamentals

Progress indicators are everywhere in UI animation: loading states, completion percentages, achievement unlocks. They're common, but building them well requires solid rigging.

In this tutorial, we'll build a donut progress chart with synchronized percentage text, driven by a single control. It's a practical example that covers core Cavalry techniques: trim paths, range mapping, value blending, and string generators.

What makes this useful beyond the final result is the approach. We'll cover:

• How to drive multiple properties from one control
• When to use Number Range vs Value Blend
• How to invert value ranges without expressions
• How to drive text from numeric values

We'll also explore Animation Control for remapping keyframe progress, which is useful for triggering animations from other properties.

Whether you're new to Cavalry or refining your rigging, these patterns apply broadly. By the end, you'll have a reusable rig and a clearer understanding of how to build efficient, flexible animation systems.