How it works...

When you assign the Template="{StaticResource ProgressBarTemplate}" to the control, it applies the template to the associated control. The progress bar control contains two major parts defined in its template, and they are, PART_Track and PART_Indicator. The first one is used to define the base track of the control, whereas the second one defines the progress indicator.

In our template, we assigned a LinearGradientBrush as the PART_Indicator rectangle's Fill color to design the progress indication in a bar format. GradientStop is used to define the Offset of the selected color, as follows:

<LinearGradientBrush EndPoint=".08,0" 
                     SpreadMethod="Repeat"> 
    <GradientStop Offset="0"  
                  Color="Green" /> 
    <GradientStop Offset=".8"  
                  Color="Green" /> 
    <GradientStop Offset=".8"  
                  Color=&quot...