A ProgressBar control visually indicates progress of a lengthy operation with one of two styles.

• A bar that displays a repeating pattern.

• A bar that fills based on a value.

The following illustration shows a progress bar indicating continuous progress and a progress bar indicating value-based progress.

• The IsIndeterminate property determines the appearance of a ProgressBar. Set IsIndeterminate to true to display a repeating pattern. Set IsIndeterminate to false to fill the bar based on a value. When IsIndeterminate is false, you specify the range with the Minimum and Maximum properties. By default Minimum is 0 and Maximum is 100. To specify the progress value, you set the Value property.

Customizing the ProgressBar Control

To apply the same property settings to multiple ProgressBar controls, use the Style property. To change the visual structure and visual behavior of a ProgressBar, copy and modify its default style and template. For more information, see Control Customization.

If a dependency property for a ProgressBar is set by its default style, the property might change from its default value when the ProgressBar appears in the application. For more information, see Dependency Property Value Precedence. You can get the default style and template for ProgressBar from ProgressBar Styles and Templates.

Note:
Setting a visual property will only have an effect if that property is both present in ProgressBar control's default template and is set by using a TemplateBinding. You can find a list of visual properties in the "Changing the Visual Structure of a Control" section of Customizing the Appearance of an Existing Control by Using a ControlTemplate.

The following example demonstrates a value-based ProgressBar and an indeterminate ProgressBar.

Run this sample

<StackPanel x:Name="LayoutRoot" Background="White">
   <Border BorderThickness="5" BorderBrush="Black">
    <StackPanel Background="LightGray">
        <TextBlock HorizontalAlignment="Center" Margin="10" 
            Text="Value-Based Progress Bar" />
        <ProgressBar x:Name="pg1" Value="100"  Margin="10" Maximum="200" 
            Height="15" IsIndeterminate="False" />
    </StackPanel>
</Border>
    <Border BorderThickness="5" BorderBrush="Black">
        <StackPanel Background="LightGray">
            <TextBlock HorizontalAlignment="Center" 
                Margin="10" Text="Indeterminate Progress Bar" />
            <ProgressBar x:Name="pg2" Margin="10" Height="15" 
                IsIndeterminate="True"   />
        </StackPanel>
    </Border>
</StackPanel>

For a list of the operating systems and browsers that are supported by Silverlight, see Supported Operating Systems and Browsers.

Reference

Other Resources