Прогрессбар с несколькими цветами WPF

Question

Я пытаюсь сделать мой индикатор прогресса похожим на это:

Но у меня есть это вместо этого:

Это код, который у меня есть (я создал стиль для индикатора выполнения со свойством "fill" из индикатор):

<Rectangle x:Name="Indicator"  >
                                <Rectangle.Fill>
                                    <LinearGradientBrush EndPoint="0,0" StartPoint="1,0">
                                        <GradientStop Color="Red" Offset="0"/>
                                        <GradientStop Color="Yellow" Offset="0.5"/>
                                        <GradientStop Color="Green" Offset="1"/>
                                    </LinearGradientBrush>
                                </Rectangle.Fill>


                            </Rectangle>

Answer 1

Добро пожаловать в SO!

Просто установите ширину этого индикатора на ширину родительского индикатора ProgressBar:

<Rectangle x:Name="Indicator" Width="{Binding ActualWidth, RelativeSource={RelativeSource AncestorType=ProgressBar}}">

Простой!