This article defines an animated progressBar in WPF and XAML.
WPF ProgressBar with animation
In this article we take a Button control to start the ProgressBar and StatusBar control to display the progress With animation and a TextBlock control to add text.
The form looks like the below Figure1.
Figure1.gif
XAML code
<Window x:Class="MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525">
<StackPanel>
<Button Content="Start" Click="MakeOne" Width="189" />
<StatusBar Name="sbar" Grid.Column="0" Grid.Row="5" VerticalAlignment="Bottom" Background="Beige" >
<StatusBarItem>
<TextBlock>StatusBar</TextBlock>
</StatusBarItem>
</StatusBar>
</StackPanel>
</Window>
Now double click on the Button control and add the following code.
Private Sub MakeOne(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs)
sbar.Items.Clear()
Dim lbl As New Label()
lbl.Background = New LinearGradientBrush(Colors.Pink, Colors.Red, 90)
lbl.Content = "Progress"
sbar.Items.Add(lbl)
Dim progbar As New ProgressBar()
progbar.Background = Brushes.Gray
progbar.Foreground = Brushes.Green
progbar.Width = 150
progbar.Height = 15
Dim duration As New Duration(TimeSpan.FromMilliseconds(2000))
Dim doubleanimation As New Animation.DoubleAnimation(100.0, duration)
doubleanimation.RepeatBehavior = New RepeatBehavior(3)
progbar.BeginAnimation(ProgressBar.ValueProperty, doubleanimation)
sbar.Items.Add(progbar)
End Sub
Now run the application and click on the button start to start progress.
Figure2.gif