BPASmartClient/BPASmartClient.MilkWithTea/Control/CircularProgressBar.xaml

<UserControl x:Class="BPASmartClient.MilkWithTea.Control.CircularProgressBar"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             xmlns:local="clr-namespace:BPASmartClient.MilkWithTea.Control"
             xmlns:ccontrols="http://schemas.microsoft.com/expression/2010/drawing"
             mc:Ignorable="d" x:Name="circularProgress"
             Height="100" Width="100">
    
    <Grid x:Name="layout" Width="{Binding RelativeSource={RelativeSource Self}, Path=Width}"   Height="100"  >
        <Ellipse Width="{Binding ElementName=layout, Path=Width}"  
                  Height="{Binding ElementName=layout, Path=Height}"
                 StrokeThickness="10" Stroke="#ddd"       >
            <Ellipse.Effect >
                <DropShadowEffect BlurRadius="8" ShadowDepth="0"  Color="AliceBlue" ></DropShadowEffect>
            </Ellipse.Effect>
        </Ellipse>
        <Path x:Name="cyclePath"  StrokeStartLineCap="Round"  StrokeEndLineCap="Round"  Stroke="#FF37A0EA"   StrokeThickness="10" >
            <Path.Effect>
                <DropShadowEffect Color="WhiteSmoke" ShadowDepth="0" BlurRadius="5"/>
            </Path.Effect>
            <Path.RenderTransform >
                <RotateTransform  CenterX="50" CenterY="50" x:Name="rotate">
                    
                </RotateTransform>
                
                
            </Path.RenderTransform>
            

        </Path>
        <Viewbox Margin="20">
            <TextBlock    Foreground="DarkSlateGray" HorizontalAlignment="Center" VerticalAlignment="Center"  >
                <Run Text="{Binding  Percent, RelativeSource={RelativeSource AncestorType=UserControl,Mode=FindAncestor}}"></Run>
                <Run Text="%"></Run>
            </TextBlock>
        </Viewbox>
    </Grid>
</UserControl>