UI/Win11.xaml

<Controls:MetroWindow xmlns:Controls="clr-namespace:MahApps.Metro.Controls;assembly=MahApps.Metro"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:iconPacks="http://metro.mahapps.com/winfx/xaml/iconpacks" Name="MainWindow" ResizeMode="NoResize" WindowState="Maximized" UseNoneWindowStyle="True" Topmost="true" WindowStartupLocation="CenterScreen" BorderBrush="Blue"
        ShowSystemMenuOnRightClick ="false">
 
    <Window.Resources>
        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Controls.xaml" />
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Fonts.xaml" />
                <!-- <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Themes/Dark.Red.xaml"/> -->
                <ResourceDictionary Source="pack://application:,,,/MahApps.Metro;component/Styles/Themes/Light.Blue.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>
    </Window.Resources>
 
    <Window.Background>
        <SolidColorBrush Opacity="0.95" Color="#FFFFFF"/>
    </Window.Background>
 
    <Grid>
        <Button x:Name="Unlock" Width="80" Height="80" BorderThickness="0" Background="Transparent" Style="{DynamicResource MahApps.Styles.Button.Circle}" HorizontalAlignment="Right" VerticalAlignment="Top" Margin="0,0,0,0">
            <iconPacks:PackIconModern Width="30" Height="Auto" VerticalAlignment="Center" Kind="unlock" Foreground="#0085FE"/>
        </Button>
        <StackPanel HorizontalAlignment="Center">
            <StackPanel Margin="10,100,10,200">
                <Controls:ProgressRing IsActive="True" Foreground="#0085FE" />
            </StackPanel>
 
            <StackPanel Orientation="Horizontal" Margin="0,50,0,0">
                <Controls:Badged x:Name="Phase1_Badge" Width="60" Height="Auto" Badge="{Binding Path=BadgeValue}" Margin="10,15,10,0">
                    <iconPacks:PackIconModern x:Name="Phase1_Icon" Width="60" Height="Auto" VerticalAlignment="Center" Kind="Settings" Foreground="#0085FE"/>
                </Controls:Badged>
 
                <Canvas Width="200" VerticalAlignment="Center">
                    <Line x:Name="Phase2_Line" X2="200" StrokeThickness="5" Stroke="#0085FE"/>
                </Canvas>
 
                <StackPanel>
                    <Controls:Badged x:Name="Phase2_Badge" Width="80" Height="Auto" Badge="{Binding Path=BadgeValue}" Margin="10,15,10,0">
                        <iconPacks:PackIconMaterial x:Name="Phase2_Icon" Width="80" Height="Auto" Foreground="#0085FE" Kind="CloudDownload" />
                    </Controls:Badged>
                </StackPanel>
 
                <Canvas Width="200" VerticalAlignment="Center">
                    <Line x:Name="Phase3_Line" Opacity="1" X2="200" StrokeThickness="5" Stroke="#0085FE"/>
                </Canvas>
 
                <StackPanel>
                    <Controls:Badged x:Name="Phase3_Badge" Width="60" Height="Auto" Badge="{Binding Path=BadgeValue}" Margin="10,15,10,0">
                        <iconPacks:PackIconModern x:Name="Phase3_Icon" Width="60" Height="Auto" VerticalAlignment="Center" Kind="monitor" Foreground="#0085FE"/>
                    </Controls:Badged>
                </StackPanel>
            </StackPanel>
 
            <StackPanel Orientation="Vertical" HorizontalAlignment="Center" Margin="0,50,0,50">
                <Label x:Name="Step_Status" Content="Step_Status" FontSize="30" Foreground="#0085FE"/>
            </StackPanel>
 
            <StackPanel x:Name="Progress_StackPanel" Visibility="Hidden">
                <TextBlock Text="{Binding ElementName=Progress, Path=Value, StringFormat={}{0:0}%}" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="17" Foreground="#0085FE"/>
                <Controls:MetroProgressBar x:Name="Progress" Minimum="0" Maximum="100" Height="7" Foreground="#0085FE" Background="#E6E6E6"/>
            </StackPanel>
        </StackPanel>
        <StackPanel x:Name="Error_StackPanel" Margin="0,250,0,0" Visibility="Collapsed">
            <Grid>
                <Rectangle Width="{x:Static SystemParameters.PrimaryScreenWidth}" Height="80" Fill="#ff5757" Stroke="#0085FE" StrokeThickness="3"/>
                <Label x:Name="Error_Label" Content="Error" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="30" Foreground="Black"/>
            </Grid>
        </StackPanel>
        <Label x:Name="Step_Text" Content="" FontSize="20" Foreground="#0085FE" HorizontalContentAlignment="Center" Margin="0,580,0,0"/>
        <Label Name="File_Label" Content="" FontSize="20" Foreground="#0085FE" HorizontalAlignment="Center" Margin="0,660,0,0"/>
    </Grid>
</Controls:MetroWindow>