BPASmartClient/BPASmartClient.CustomResource/UserControls/Control/SkeletonScreen.xaml

<UserControl
    x:Class="BPASmartClient.CustomResource.UserControls.SkeletonScreen"
    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="100"
    d:DesignWidth="900"
    mc:Ignorable="d">
    <UserControl.Triggers>
        <EventTrigger RoutedEvent="UserControl.Loaded">
            <BeginStoryboard>
                <Storyboard>
                    <ColorAnimation
                        AutoReverse="True"
                        RepeatBehavior="Forever"
                        Storyboard.TargetName="imgBlack"
                        Storyboard.TargetProperty="(Background).(SolidColorBrush.Color)"
                        To="#f7f9fa"
                        Duration="0:0:1" />

                    <DoubleAnimation
                        AutoReverse="True"
                        RepeatBehavior="Forever"
                        Storyboard.TargetName="border1"
                        Storyboard.TargetProperty="Background.GradientStops[1].Offset"
                        To="1"
                        Duration="0:0:1.5" />

                    <DoubleAnimation
                        AutoReverse="True"
                        RepeatBehavior="Forever"
                        Storyboard.TargetName="border2"
                        Storyboard.TargetProperty="Background.GradientStops[1].Offset"
                        To="1"
                        Duration="0:0:2" />

                    <DoubleAnimation
                        AutoReverse="True"
                        RepeatBehavior="Forever"
                        Storyboard.TargetName="border3"
                        Storyboard.TargetProperty="Background.GradientStops[1].Offset"
                        To="1"
                        Duration="0:0:1.3" />
                </Storyboard>
            </BeginStoryboard>
        </EventTrigger>
    </UserControl.Triggers>

    <Grid Margin="0,8">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="160" />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>
        <Border
            x:Name="imgBlack"
            Width="80"
            Height="65"
            Background="#ddd"
            CornerRadius="10" />
        <StackPanel Grid.Column="1" VerticalAlignment="Center">
            <Border ClipToBounds="True">
                <Border
                    Name="border1"
                    Width="650"
                    Height="16"
                    Margin="-200,0"
                    HorizontalAlignment="Left">
                    <Border.Background>
                        <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
                            <GradientStop Offset="0" Color="#ddd" />
                            <GradientStop Offset="0" Color="#f7f9fa" />
                            <GradientStop Offset="1" Color="#ddd" />
                        </LinearGradientBrush>
                    </Border.Background>
                </Border>
            </Border>

            <Border ClipToBounds="True">
                <Border
                    Name="border2"
                    Height="16"
                    Margin="-200,10">
                    <Border.Background>
                        <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
                            <GradientStop Offset="0" Color="#ddd" />
                            <GradientStop Offset="0" Color="#f7f9fa" />
                            <GradientStop Offset="1" Color="#ddd" />
                        </LinearGradientBrush>
                    </Border.Background>
                </Border>
            </Border>


            <Border ClipToBounds="True">
                <Border
                    Name="border3"
                    Width="580"
                    Height="16"
                    Margin="-200,0"
                    HorizontalAlignment="Left">
                    <Border.Background>
                        <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
                            <GradientStop Offset="0" Color="#ddd" />
                            <GradientStop Offset="0" Color="#f7f9fa" />
                            <GradientStop Offset="1" Color="#ddd" />
                        </LinearGradientBrush>
                    </Border.Background>
                </Border>
            </Border>
        </StackPanel>
    </Grid>
</UserControl>