I need to create a 3 colored (3 segmented) progress bar with

Question

Hi,

 

I'm learning WPF and couldn't get my head around this task. How do I implement such control? Would it be a custom control? Can I just draw what I need in its custom template? Or do I need several different controls? How can horizontal/vertical mode be triggered and implemented? Could you please advise a control structure? I also need it to scale correctly, but I think I got this with a ViewBox wrapper.

 

As in the picture, I need 2 bar sections - black and gray. I also need the 2 simple pointers and icons (H, W) displayed on top (if horizontal) and on the right (if vertical). How do I draw these, please?

 

Also, do I need to bother with MVVM model here, or just create SetParameters() function with all the data to trigger the bound properties to get the view updated?

 

It does not need to handle any input, just display the right bar and pointers and H & W in the right calculated positions, and work in both vertical and horizontal orientation.

 

Any clues - I appreciate a lot! 

 

 

 

Thank you very much for your help!