Let’s code! Build a custom progress ring in Windows XAML

There are several controls that ship for free in the Visual Studio XAML toolbox. One of them is the ProgressRing, a neat, animated ring of dots that goes round and round and round. Developers use the ProgressRing to indicate to the user that something is working, loading, or just doing something where the user should wait.

But what if you wanted to do more without splitting the atom? Could you build your own, custom progress in that super-charges the branding of your Windows app?

Yes. Let’s do it.

In the video above, we build out a custom ProgressRing in an attempt to show some of the great animation and storyboard capabilities XAML developers have and how to manipulate those in Blend. It’s worth mentioning that there is zero code-behind in this entire project. Everything is declared in XAML.

Get the code here.

Best of luck!