:::: MENU ::::

Custom progress ring for windows store app

Using built in control is not always the solution for our app so sometime we have to make our own custom control for doing same thing. Here I will show you how to make custom progress ring.

Here I use Image control where I put loading image and rotate it infinitely using storyboard and use it as per my need.

I used storyboard and set it’s behavior to rotate from 0 to -720 (degree) in 4 second and target its effect to the Image control where I put loading image. And in the OnNavigatedTo event of page I start to show the progress ring.

Here is complete code:

In Xaml:

In cs:

And here is the result:

That’s it. You can use this technique with Windows app as well as UWP app.

Happy Coding 🙂