Hi xu zhi bin,
ProgressBar:
We can achieve the
requirement as in the screen shot by using SfCircular ProgressBar. The appearance of the circular progressbar can be
customized to semi-circle, arc, etc. The start and end angles can be customized
using the StartAngle and EndAngle properties. Please refer the below UG documentation,
https://help.syncfusion.com/wpf/circular-progressbar/appearance#angle

SfCircularGauge:
We can achieve the requirement as
in the screen shot by using SfCircularGauge control. Using Scale and range
pointer we can achieve the customer requirement. We have prepared the same, and
please get the sample from the below attachment. For more information, please
refer the below UG documentation,
https://help.syncfusion.com/wpf/radial-gauge/scales
https://help.syncfusion.com/wpf/radial-gauge/pointers#range-pointer

Explore WPF GitHub demo samples:
https://github.com/syncfusion/wpf-demos
Regards,
Devakumar D
Attachment: GaugeGettingStarted_e7a6bb2d.zip