Untitled
unknown
plain_text
2 years ago
2.3 kB
4
Indexable
<Window x:Class="YourNamespace.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Two Circular Progress Bars" Height="300" Width="300">
<Window.Resources>
<Style x:Key="CircularProgressBarStyle" TargetType="{x:Type ProgressBar}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type ProgressBar}">
<Grid>
<!-- Outer Circle -->
<Ellipse Width="200" Height="200" Stroke="LightGray" StrokeThickness="5" />
<!-- Inner Circle -->
<Ellipse Width="200" Height="200" Stroke="DeepSkyBlue" StrokeThickness="5" ClipToBounds="True">
<Ellipse.RenderTransform>
<ScaleTransform ScaleX="1" ScaleY="1" CenterX="0.5" CenterY="0.5"/>
</Ellipse.RenderTransform>
<Ellipse.Triggers>
<EventTrigger RoutedEvent="Loaded">
<BeginStoryboard>
<Storyboard>
<DoubleAnimation Storyboard.TargetProperty="ScaleX" From="0" To="1" Duration="0:0:2"/>
<DoubleAnimation Storyboard.TargetProperty="ScaleY" From="0" To="1" Duration="0:0:2"/>
</Storyboard>
</BeginStoryboard>
</EventTrigger>
</Ellipse.Triggers>
</Ellipse>
</Grid>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
</Window.Resources>
<Grid>
<ProgressBar Style="{StaticResource CircularProgressBarStyle}" Value="50" Maximum="100" Width="150" Height="150" />
<!-- Second Circular Progress Bar -->
<ProgressBar Style="{StaticResource CircularProgressBarStyle}" Value="75" Maximum="100" Width="150" Height="150" />
</Grid>
</Window>
Editor is loading...