ShrlAlgoToolkit/Melskin/Controls/ProgressBar.xaml

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:decorations="clr-namespace:Melskin.Controls.Decorations"
    xmlns:internal="clr-namespace:Melskin.Converters.Internal">

    <!--#region SlotProgress-->
    <ControlTemplate x:Key="SlotHorizontalProgressTemplate" TargetType="{x:Type ProgressBar}">
        <ControlTemplate.Resources>
            <Storyboard x:Key="ProgressIndeterminateHorizontal" RepeatBehavior="Forever">
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground.(Brush.RelativeTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
                    <EasingDoubleKeyFrame KeyTime="0" Value="-1" />
                    <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1" />
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
        </ControlTemplate.Resources>
        <decorations:SlotBorder
            x:Name="backgroundBorder"
            Padding="2"
            Background="{TemplateBinding Background}"
            BorderBrush="{TemplateBinding BorderBrush}"
            BorderThickness="{TemplateBinding BorderThickness}"
            Intensity="0.7">
            <Grid x:Name="BarGrid" HorizontalAlignment="Left">
                <!--  计算进度条宽度  -->
                <Grid.Width>
                    <MultiBinding Converter="{x:Static internal:ValueToRangeWidthConverter.Instance}" ConverterParameter="7">
                        <Binding
                            Mode="OneWay"
                            Path="Minimum"
                            RelativeSource="{RelativeSource TemplatedParent}" />
                        <Binding
                            Mode="OneWay"
                            Path="Maximum"
                            RelativeSource="{RelativeSource TemplatedParent}" />
                        <Binding
                            Mode="OneWay"
                            Path="Value"
                            RelativeSource="{RelativeSource TemplatedParent}" />
                        <Binding
                            Mode="OneWay"
                            Path="ActualWidth"
                            RelativeSource="{RelativeSource AncestorType={x:Type decorations:SlotBorder}}" />
                    </MultiBinding>
                </Grid.Width>
                <!--  背景模糊效果  -->
                <Border
                    x:Name="borderBlur"
                    Background="{TemplateBinding Foreground}"
                    CornerRadius="3">
                    <Border.Effect>
                        <BlurEffect Radius="8" />
                    </Border.Effect>
                </Border>
                <!--  进度条  -->
                <Border
                    x:Name="borderProgress"
                    Background="{TemplateBinding Foreground}"
                    CornerRadius="3" />
            </Grid>

        </decorations:SlotBorder>
        <ControlTemplate.Triggers>
            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="IsIndeterminate" Value="True" />
                    <Condition Property="IsEnabled" Value="True" />
                </MultiTrigger.Conditions>
                <Setter TargetName="BarGrid" Property="Width" Value="auto" />
                <Setter TargetName="BarGrid" Property="HorizontalAlignment" Value="Stretch" />
                <Setter Property="Foreground" Value="{DynamicResource PrimaryIndeterminateGradientBrush}" />
                <MultiTrigger.EnterActions>
                    <BeginStoryboard x:Name="beginIndeterminate" Storyboard="{StaticResource ProgressIndeterminateHorizontal}" />
                </MultiTrigger.EnterActions>
                <MultiTrigger.ExitActions>
                    <RemoveStoryboard BeginStoryboardName="beginIndeterminate" />
                </MultiTrigger.ExitActions>
            </MultiTrigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
    <!--
        Foreground: 控件的 Foreground 属性。
        (Brush.RelativeTransform): 这个 Foreground 画刷（Brush）的 RelativeTransform 属性。
        (TransformGroup.Children): 这个变换（Transform）的 Children 集合（这隐含地要求 RelativeTransform 必须是一个 TransformGroup）。
        [3]: Children 集合中的第四个元素（索引从0开始）。
        (TranslateTransform.X): 这个元素的 X 属性（这隐含地要求第四个元素必须是一个 TranslateTransform）。

        <LinearGradientBrush EndPoint="1,0" StartPoint="0,1" x:Key="PrimaryIndeterminateGradientBrush">
        <GradientStop Color="{StaticResource PrimaryNormalColor}" Offset="0" />
        <GradientStop Color="{StaticResource PrimaryVariantColor}" Offset="0.7" />
        <GradientStop Color="{StaticResource PrimaryNormalColor}" Offset="0.8" />
        <LinearGradientBrush.RelativeTransform>
            <TransformGroup>
                <ScaleTransform/>
                <SkewTransform/>
                <RotateTransform/>
                <TranslateTransform/>
            </TransformGroup>
        </LinearGradientBrush.RelativeTransform>
    </LinearGradientBrush>
    -->
    <ControlTemplate x:Key="SlotProgressVerticalTemplate" TargetType="{x:Type ProgressBar}">
        <ControlTemplate.Resources>
            <Storyboard x:Key="ProgressIndeterminateVertical" RepeatBehavior="Forever">
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground.(Brush.RelativeTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
                    <EasingDoubleKeyFrame KeyTime="0" Value="1" />
                    <EasingDoubleKeyFrame KeyTime="0:0:2" Value="-1" />
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
        </ControlTemplate.Resources>
        <decorations:SlotBorder
            x:Name="backgroundBorder"
            Padding="2"
            Background="{TemplateBinding Background}"
            BorderBrush="{TemplateBinding BorderBrush}"
            BorderThickness="{TemplateBinding BorderThickness}"
            Intensity="0.7">
            <Grid x:Name="BarGrid" VerticalAlignment="Bottom">
                <!--  计算进度条宽度  -->
                <Grid.Height>
                    <MultiBinding Converter="{x:Static internal:ValueToRangeWidthConverter.Instance}" ConverterParameter="7">
                        <Binding
                            Mode="OneWay"
                            Path="Minimum"
                            RelativeSource="{RelativeSource TemplatedParent}" />
                        <Binding
                            Mode="OneWay"
                            Path="Maximum"
                            RelativeSource="{RelativeSource TemplatedParent}" />
                        <Binding
                            Mode="OneWay"
                            Path="Value"
                            RelativeSource="{RelativeSource TemplatedParent}" />
                        <Binding
                            Mode="OneWay"
                            Path="ActualHeight"
                            RelativeSource="{RelativeSource AncestorType={x:Type decorations:SlotBorder}}" />
                    </MultiBinding>
                </Grid.Height>
                <!--  背景模糊效果  -->
                <Border Background="{TemplateBinding Foreground}" CornerRadius="3">
                    <Border.Effect>
                        <BlurEffect Radius="8" />
                    </Border.Effect>
                </Border>
                <!--  进度条  -->
                <Border Background="{TemplateBinding Foreground}" CornerRadius="3" />
            </Grid>
        </decorations:SlotBorder>
        <ControlTemplate.Triggers>
            <!--<Trigger Property="IsIndeterminate" Value="True">
                <Setter TargetName="BarGrid" Property="Height" Value="auto" />
                <Setter TargetName="BarGrid" Property="VerticalAlignment" Value="Stretch" />
                <Setter Property="Foreground" Value="{DynamicResource PrimaryIndeterminateGradientBrush}" />
                <Trigger.EnterActions>
                    <BeginStoryboard x:Name="beginIndeterminate" Storyboard="{StaticResource ProgressIndeterminateVertical}" />
                </Trigger.EnterActions>
                <Trigger.ExitActions>
                    <RemoveStoryboard BeginStoryboardName="beginIndeterminate" />
                </Trigger.ExitActions>
            </Trigger>-->
            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="IsIndeterminate" Value="True" />
                    <Condition Property="IsEnabled" Value="True" />
                </MultiTrigger.Conditions>
                <Setter TargetName="BarGrid" Property="Height" Value="auto" />
                <Setter TargetName="BarGrid" Property="VerticalAlignment" Value="Stretch" />
                <Setter Property="Foreground" Value="{DynamicResource PrimaryIndeterminateGradientBrush}" />
                <MultiTrigger.EnterActions>
                    <BeginStoryboard x:Name="beginIndeterminate" Storyboard="{StaticResource ProgressIndeterminateVertical}" />
                </MultiTrigger.EnterActions>
                <MultiTrigger.ExitActions>
                    <RemoveStoryboard BeginStoryboardName="beginIndeterminate" />
                </MultiTrigger.ExitActions>
            </MultiTrigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>

    <Style x:Key="SlotProgressBarStyle" TargetType="{x:Type ProgressBar}">
        <Setter Property="Foreground" Value="{DynamicResource PrimaryGradientBrush}" />
        <Setter Property="Background" Value="{DynamicResource ControlBackgroundNormalBrush}" />
        <Setter Property="BorderBrush" Value="Transparent" />
        <Setter Property="Height" Value="20" />
        <Setter Property="HorizontalAlignment" Value="Stretch" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Template" Value="{StaticResource SlotHorizontalProgressTemplate}" />
        <Style.Triggers>
            <Trigger Property="IsEnabled" Value="false">
                <Setter Property="IsIndeterminate" Value="False" />
                <Setter Property="Background" Value="{DynamicResource ControlBackgroundDisabledBrush}" />
                <Setter Property="Foreground" Value="{DynamicResource PrimaryDisabledBrush}" />
            </Trigger>
            <Trigger Property="Orientation" Value="Vertical">
                <Setter Property="Template" Value="{StaticResource SlotProgressVerticalTemplate}" />
                <Setter Property="Width" Value="20" />
                <Setter Property="VerticalAlignment" Value="Stretch" />
                <Setter Property="VerticalContentAlignment" Value="Stretch" />
            </Trigger>
        </Style.Triggers>
    </Style>
    <!--#endregion-->

    <ControlTemplate x:Key="HorizontalProgressTemplate" TargetType="{x:Type ProgressBar}">
        <ControlTemplate.Resources>
            <Storyboard x:Key="ProgressIndeterminateHorizontal" RepeatBehavior="Forever">
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground.(Brush.RelativeTransform).(TransformGroup.Children)[3].(TranslateTransform.X)">
                    <EasingDoubleKeyFrame KeyTime="0" Value="-1" />
                    <EasingDoubleKeyFrame KeyTime="0:0:2" Value="1" />
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
        </ControlTemplate.Resources>
        <Border
            x:Name="backgroundBorder"
            Background="{TemplateBinding Background}"
            BorderBrush="{TemplateBinding BorderBrush}"
            BorderThickness="{TemplateBinding BorderThickness}"
            CornerRadius="4">
            <Grid x:Name="BarGrid" HorizontalAlignment="Left">
                <!--  计算进度条宽度  -->
                <Grid.Width>
                    <MultiBinding Converter="{x:Static internal:ValueToRangeWidthConverter.Instance}" ConverterParameter="7">
                        <Binding
                            Mode="OneWay"
                            Path="Minimum"
                            RelativeSource="{RelativeSource TemplatedParent}" />
                        <Binding
                            Mode="OneWay"
                            Path="Maximum"
                            RelativeSource="{RelativeSource TemplatedParent}" />
                        <Binding
                            Mode="OneWay"
                            Path="Value"
                            RelativeSource="{RelativeSource TemplatedParent}" />
                        <Binding
                            Mode="OneWay"
                            Path="ActualWidth"
                            RelativeSource="{RelativeSource AncestorType={x:Type Border}}" />
                    </MultiBinding>
                </Grid.Width>
                <!--  进度条  -->
                <Border
                    x:Name="borderProgress"
                    Background="{TemplateBinding Foreground}"
                    CornerRadius="3" />
            </Grid>

        </Border>
        <ControlTemplate.Triggers>
            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="IsIndeterminate" Value="True" />
                    <Condition Property="IsEnabled" Value="True" />
                </MultiTrigger.Conditions>
                <Setter TargetName="BarGrid" Property="Width" Value="auto" />
                <Setter TargetName="BarGrid" Property="HorizontalAlignment" Value="Stretch" />
                <Setter Property="Foreground" Value="{DynamicResource PrimaryIndeterminateGradientBrush}" />
                <MultiTrigger.EnterActions>
                    <BeginStoryboard x:Name="beginIndeterminate" Storyboard="{StaticResource ProgressIndeterminateHorizontal}" />
                </MultiTrigger.EnterActions>
                <MultiTrigger.ExitActions>
                    <RemoveStoryboard BeginStoryboardName="beginIndeterminate" />
                </MultiTrigger.ExitActions>
            </MultiTrigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>
    <ControlTemplate x:Key="ProgressVerticalTemplate" TargetType="{x:Type ProgressBar}">
        <ControlTemplate.Resources>
            <Storyboard x:Key="ProgressIndeterminateVertical" RepeatBehavior="Forever">
                <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Foreground.(Brush.RelativeTransform).(TransformGroup.Children)[3].(TranslateTransform.Y)">
                    <EasingDoubleKeyFrame KeyTime="0" Value="1" />
                    <EasingDoubleKeyFrame KeyTime="0:0:2" Value="-1" />
                </DoubleAnimationUsingKeyFrames>
            </Storyboard>
        </ControlTemplate.Resources>
        <Border
            x:Name="backgroundBorder"
            Background="{TemplateBinding Background}"
            BorderBrush="{TemplateBinding BorderBrush}"
            BorderThickness="{TemplateBinding BorderThickness}"
            CornerRadius="4">
            <Grid x:Name="BarGrid" VerticalAlignment="Bottom">
                <!--  计算进度条宽度  -->
                <Grid.Height>
                    <MultiBinding Converter="{x:Static internal:ValueToRangeWidthConverter.Instance}" ConverterParameter="7">
                        <Binding
                            Mode="OneWay"
                            Path="Minimum"
                            RelativeSource="{RelativeSource TemplatedParent}" />
                        <Binding
                            Mode="OneWay"
                            Path="Maximum"
                            RelativeSource="{RelativeSource TemplatedParent}" />
                        <Binding
                            Mode="OneWay"
                            Path="Value"
                            RelativeSource="{RelativeSource TemplatedParent}" />
                        <Binding
                            Mode="OneWay"
                            Path="ActualHeight"
                            RelativeSource="{RelativeSource AncestorType={x:Type Border}}" />
                    </MultiBinding>
                </Grid.Height>
                <!--  进度条  -->
                <Border Background="{TemplateBinding Foreground}" CornerRadius="3" />
            </Grid>
        </Border>
        <ControlTemplate.Triggers>

            <MultiTrigger>
                <MultiTrigger.Conditions>
                    <Condition Property="IsIndeterminate" Value="True" />
                    <Condition Property="IsEnabled" Value="True" />
                </MultiTrigger.Conditions>
                <Setter TargetName="BarGrid" Property="Height" Value="auto" />
                <Setter TargetName="BarGrid" Property="VerticalAlignment" Value="Stretch" />
                <Setter Property="Foreground" Value="{DynamicResource PrimaryIndeterminateGradientBrush}" />
                <MultiTrigger.EnterActions>
                    <BeginStoryboard x:Name="beginIndeterminate" Storyboard="{StaticResource ProgressIndeterminateVertical}" />
                </MultiTrigger.EnterActions>
                <MultiTrigger.ExitActions>
                    <RemoveStoryboard BeginStoryboardName="beginIndeterminate" />
                </MultiTrigger.ExitActions>
            </MultiTrigger>
        </ControlTemplate.Triggers>
    </ControlTemplate>

    <Style TargetType="{x:Type ProgressBar}">
        <Setter Property="Foreground" Value="{DynamicResource PrimaryGradientBrush}" />
        <Setter Property="Background" Value="{DynamicResource ControlBackgroundNormalBrush}" />
        <Setter Property="BorderBrush" Value="Transparent" />
        <Setter Property="Height" Value="8" />
        <Setter Property="HorizontalAlignment" Value="Stretch" />
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="Template" Value="{StaticResource HorizontalProgressTemplate}" />
        <Style.Triggers>
            <Trigger Property="IsEnabled" Value="false">
                <Setter Property="IsIndeterminate" Value="False" />
                <Setter Property="Background" Value="{DynamicResource ControlBackgroundDisabledBrush}" />
                <Setter Property="Foreground" Value="{DynamicResource PrimaryDisabledBrush}" />
            </Trigger>
            <Trigger Property="Orientation" Value="Vertical">
                <Setter Property="Template" Value="{StaticResource ProgressVerticalTemplate}" />
                <Setter Property="Width" Value="8" />
                <Setter Property="VerticalAlignment" Value="Stretch" />
                <Setter Property="VerticalContentAlignment" Value="Stretch" />
            </Trigger>
        </Style.Triggers>
    </Style>

</ResourceDictionary>