ProgressBar and Animation : ProgressBar « UI Controls « Silverlight

1. Silverlight
2. UI Controls
3. ProgressBar

ProgressBar and Animation

    

<UserControl x:Class='SilverlightApplication3.MainPage'
    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:mc='http://schemas.openxmlformats.org/markup-compatibility/2006' 
    mc:Ignorable='d' 
    d:DesignWidth='640' 
    d:DesignHeight='480'>

    <Grid>
        <ProgressBar Height="21" Name="prgTime" VerticalAlignment="Bottom" />
        <Button Height="23" Margin="100,16,100,0" Name="btnStart" VerticalAlignment="Top" Content="Start">
            <Button.Triggers>
                <EventTrigger RoutedEvent="Button.Click">
                    <EventTrigger.Actions>
                        <BeginStoryboard>
                            <Storyboard Duration="5">
                                <DoubleAnimation Storyboard.TargetName="prgTime"
                                    Storyboard.TargetProperty="Value"
                                    Duration="0:0:5" 
                                    From="0" To="100" />
                                <DoubleAnimation Storyboard.TargetName="prgTime"
                                    Storyboard.TargetProperty="Value"
                                    BeginTime="0:0:6"
                                    Duration="0:0:0" 
                                    From="100" To="0" />
                            </Storyboard>
                        </BeginStoryboard>
                    </EventTrigger.Actions>
                </EventTrigger>
            </Button.Triggers>
        </Button>
    </Grid>
</UserControl>

   
    
    
    
  

Related examples in the same category

1.	Binding ProgressBar with Slider
2.	Show a ProgressBar While Processing on a Background Thread
3.	A basic ProgressBar
4.	An indeterminate ProgressBar
5.	IsIndeterminate ProgressBar
6.	A Cancellable ProgressBar While Processing on a Background Thread
7.	Show a Continuous Progress Bar While Processing on a Background Thread