How to create a Circular Style ProgressBar

Question

I need help on implementing a circular progress bar like this:

How should I imp

Answer 1

Have you looked at ValueConverters? You can bind to the Value property in the template using TemplateBinding and use an appropriate value converter to change the value to whats is useful for a Circular progress bar.

EDIT:

In the template:

1. Add a circle fill with yellow.

2. Add another circle on top with color orange.

3. Use a value converter(or multi value converter) to return a clipping geometry (using arc segment possibly) for the circle added in 2.

4. Clip the circle in 2. with geometry returned in 3.

5. Downvoter gives me my repz back.