BPASmartClient/BPASmartClient.CustomResource/UserControls/Pipeline.xaml

<UserControl
    x:Class="BPASmartClient.CustomResource.UserControls.Pipeline"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:local="clr-namespace:BPASmartClient.CustomResource.UserControls"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    d:DesignHeight="30"
    d:DesignWidth="800"
    mc:Ignorable="d">
    <Grid>
        <Border CornerRadius="{Binding CapRadius, RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}}">
            <Border.Background>
                <LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1">
                    <GradientStop Offset="0.8" Color="#FFCBCBCB" />
                    <GradientStop Offset="0.5" Color="White" />
                    <GradientStop Offset="0.1" Color="#FFCBCBCB" />
                </LinearGradientBrush>
            </Border.Background>
            <Border Name="border" Margin="3">
                <Line
                    Name="liquidLine"
                    VerticalAlignment="Center"
                    Opacity="0.3"
                    Stretch="Fill"
                    Stroke="{Binding LiquidColor, RelativeSource={RelativeSource AncestorType=UserControl, Mode=FindAncestor}}"
                    StrokeDashArray="2,3"
                    StrokeDashCap="Round"
                    StrokeEndLineCap="Round"
                    StrokeStartLineCap="Round"
                    StrokeThickness="{Binding ElementName=border, Path=ActualHeight}"
                    X1="0"
                    X2="{Binding RelativeSource={RelativeSource Self}, Path=ActualWidth}"
                    Y1="0"
                    Y2="0" />
            </Border>
        </Border>
        <VisualStateManager.VisualStateGroups>
            <VisualStateGroup>
                <VisualState Name="WEFlowState">
                    <Storyboard RepeatBehavior="Forever">
                        <DoubleAnimation
                            Storyboard.TargetName="liquidLine"
                            Storyboard.TargetProperty="StrokeDashOffset"
                            From="0"
                            To="5"
                            Duration="0:0:1" />
                    </Storyboard>
                </VisualState>
                <VisualState Name="EWFlowState">
                    <Storyboard RepeatBehavior="Forever">
                        <DoubleAnimation
                            Storyboard.TargetName="liquidLine"
                            Storyboard.TargetProperty="StrokeDashOffset"
                            From="0"
                            To="-5"
                            Duration="0:0:1" />
                    </Storyboard>
                </VisualState>
            </VisualStateGroup>
        </VisualStateManager.VisualStateGroups>
    </Grid>
</UserControl>