SilverlightShow: The ProgressBar control in Silverlight 2 Comments

RE: The ProgressBar control in Silverlight 2

( kunal) — Tue, 09 Feb 2010 10:55:16 +0300

dont have get the solution.When have solution then dont have the question.

RE: The ProgressBar control in Silverlight 2

( Nakul) — Fri, 15 Jan 2010 22:27:50 +0300

Can I show different background color based on the progress... like green.. yellow.. red....

RE: The ProgressBar control in Silverlight 2

( brad) — Mon, 11 Jan 2010 00:18:01 +0300

how would I simply display the progressbar while a datagrid is loading? Is there a better way to do this?

RE: The ProgressBar control in Silverlight 2

( brad) — Sun, 10 Jan 2010 02:14:55 +0300

how would I simply display the progressbar while a datagrid is loading? Is there a better way to do this?

RE: The ProgressBar control in Silverlight 2

( Fahad Ali) — Wed, 06 Jan 2010 07:05:57 +0300

Really good article. Thanks for the tip.

RE: The ProgressBar control in Silverlight 2

( KK) — Wed, 07 Oct 2009 13:31:28 +0300

Just so everyone knows. The ProgressBar (at least as of Silverlight 3 - Sept 2009) does not work very well with databinding. It only partially works. So you may want to consider this in your design until such time as it is fixed.

1) Cannot change DataContext without changing to Null first. Thus inherited bindings usually don't work.

2) Visibility cannot be databound. (You can try, but it always works as if you had set Mode=OneTime)

3) Other bindings don't seem always stable either...

Hope that helps somebody avoid frustration.

RE: The ProgressBar control in Silverlight 2

( CoderX) — Thu, 24 Sep 2009 20:10:03 +0300

1) Cannot change DataContext without changing to Null first. Thus inherited bindings usually don't work.

2) Visibility cannot be databound. (You can try, but it always works as if you had set Mode=OneTime)

3) Other bindings don't seem always stable either...

Hope that helps somebody avoid frustration.

RE: The ProgressBar control in Silverlight 2

( AlexandraP) — Wed, 02 Sep 2009 14:48:07 +0300

Hello,

I have tried the progress bar and does not seem to work for me. This is my code

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Width="400" Height="300">

When I try to load the silverlight I get the error : Unhandled Error in Silverlight 2 Application Invalid Property. Please help.

RE: The ProgressBar control in Silverlight 2

( Enrai) — Wed, 10 Jun 2009 04:56:14 +0300

@Dheeraj The ProgressBar control is an official Silverlight control, so it is located in the Silverlight Assemblies. If you want to get the source code just disassemble the apropriate assembly and get it from there.

Disassembling can be achieved using .NET Reflector at http://www.red-gate.com/products/reflector/.

RE: The ProgressBar control in Silverlight 2

( Dheeraj) — Mon, 08 Jun 2009 06:17:06 +0300

Can I have the source code for the Progress Bar Control?

RE: The ProgressBar control in Silverlight 2

( Enrai) — Thu, 02 Apr 2009 04:29:30 +0300

Hi, ramalingam!

I have checked both the demos in the article and the source code and everything is working correctly. Can you give me more information about the problem?

RE: The ProgressBar control in Silverlight 2

( ramalingam) — Wed, 01 Apr 2009 06:11:55 +0300

how the max button and min button are not working in you codeing pls replay me

RE: The ProgressBar control in Silverlight 2

( Vinay) — Wed, 24 Dec 2008 14:41:19 +0300

I want my Progress bar to appear on a button click which loads data from the database and shows in a datagrid and Progress bar should stop when Data loading is completed.

thanks in advance.

RE: The ProgressBar control in Silverlight 2

( Enrai) — Sat, 20 Dec 2008 06:30:45 +0300

Here is the default style for the ProgressBar control and in it you can find the ControlTemplate:

<Style TargetType="ProgressBar">
    <Setter Property="Foreground" Value="#FF027DB8"/>
    <Setter Property="Background" Value="#FFD2D5D8" />
    <Setter Property="BorderThickness" Value="1"/>
    <Setter Property="Maximum" Value="100" />
    <Setter Property="IsTabStop" Value="False"/>
    <Setter Property="BorderBrush">
        <Setter.Value>
            <LinearGradientBrush EndPoint=".5,1" StartPoint=".5,0">
                <GradientStop Color="#FFAEB7BF" Offset="0"/>
                <GradientStop Color="#FF919EA7" Offset="0.35"/>
                <GradientStop Color="#FF7A8A99" Offset="0.35"/>
                <GradientStop Color="#FF647480" Offset="1"/>
            LinearGradientBrush>
        Setter.Value>
    Setter>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ProgressBar">
                <Grid x:Name="Root">
                    <vsm:VisualStateManager.VisualStateGroups>
                        <vsm:VisualStateGroup x:Name="CommonStates">
                            <vsm:VisualState x:Name="Determinate"/>
                            <vsm:VisualState x:Name="Indeterminate">
                                <Storyboard RepeatBehavior="Forever">
                                    <DoubleAnimation Storyboard.TargetName="IndeterminateGradientFill"
                                                 Storyboard.TargetProperty="(Shape.Fill).(LinearGradientBrush.Transform).(TransformGroup.Children)[0].X"
                                                 Duration="00:00:.5" From="0" To="20" />
                                    <ObjectAnimationUsingKeyFrames Duration="00:00:00" Storyboard.TargetName="IndeterminateRoot" Storyboard.TargetProperty="(UIElement.Visibility)">
                                        <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                            <DiscreteObjectKeyFrame.Value>
                                                <Visibility>VisibleVisibility>
                                            DiscreteObjectKeyFrame.Value>
                                        DiscreteObjectKeyFrame>
                                    ObjectAnimationUsingKeyFrames>
                                    <ObjectAnimationUsingKeyFrames Duration="00:00:00" Storyboard.TargetName="DeterminateRoot" Storyboard.TargetProperty="(UIElement.Visibility)">
                                        <DiscreteObjectKeyFrame KeyTime="00:00:00">
                                            <DiscreteObjectKeyFrame.Value>
                                                <Visibility>CollapsedVisibility>
                                            DiscreteObjectKeyFrame.Value>
                                        DiscreteObjectKeyFrame>
                                    ObjectAnimationUsingKeyFrames>
                                Storyboard>
                            vsm:VisualState>
                        vsm:VisualStateGroup>
                    vsm:VisualStateManager.VisualStateGroups>
                    
                    <Border Name="ProgressBarTrack" CornerRadius="3" Background="{TemplateBinding Background}" BorderThickness="{TemplateBinding BorderThickness}" BorderBrush="{TemplateBinding BorderBrush}" />
                    <Grid x:Name="ProgressBarRootGrid" >
                        
                        <Rectangle Canvas.ZIndex="1" x:Name="ProgressBarRootGradient" StrokeThickness="1" Margin="{TemplateBinding BorderThickness}" Stroke="#FFFFFFFF" RadiusX="1.5" RadiusY="1.5">
                            <Rectangle.Fill>
                                <LinearGradientBrush StartPoint=".7,0" EndPoint=".7,1">
                                    <GradientStop Color="#B2FFFFFF" Offset="0" />
                                    <GradientStop Color="#C6FFFFFF" Offset="0.15"/>
                                    <GradientStop Color="#D1FFFFFF" Offset="0.275" />
                                    <GradientStop Color="#C6FFFFFF" Offset="0.4"/>
                                    <GradientStop Color="#BFFFFFFF" Offset="0.65" />
                                    <GradientStop Color="#A5FFFFFF" Offset="0.75"/>
                                    <GradientStop Color="#91FFFFFF" Offset="0.85"/>
                                    <GradientStop Color="#72FFFFFF" Offset="1" />
                                LinearGradientBrush>
                            Rectangle.Fill>
                        Rectangle>
                        
                        <Grid x:Name="IndeterminateRoot" Visibility="Collapsed">
                            <Rectangle x:Name="IndeterminateSolidFill" Stroke="#FF448DCA" RadiusX="2" RadiusY="2" StrokeThickness="0" Margin="{TemplateBinding BorderThickness}" Fill="{TemplateBinding Foreground}" Opacity="1" RenderTransformOrigin="0.5,0.5" />
                            <Rectangle x:Name="IndeterminateGradientFill" RadiusX="2" RadiusY="2" StrokeThickness="1" Margin="{TemplateBinding BorderThickness}" Opacity="0.7" >
                                <Rectangle.Fill>
                                    <LinearGradientBrush SpreadMethod="Repeat" MappingMode="Absolute" EndPoint="0,1" StartPoint="20,1">
                                        <LinearGradientBrush.Transform >
                                            <TransformGroup>
                                                <TranslateTransform X="0" />
                                                <SkewTransform AngleX="-30" />
                                            TransformGroup>
                                        LinearGradientBrush.Transform>
                                        <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                        <GradientStop Color="#00FFFFFF" Offset=".25"/>
                                        <GradientStop Color="#FFFFFFFF" Offset="0.85"/>
                                    LinearGradientBrush>
                                Rectangle.Fill>
                            Rectangle>
                        Grid>
                        
                        <Grid x:Name="DeterminateRoot" Margin="1" >
                            
                            <Rectangle HorizontalAlignment="Left" x:Name="ProgressBarIndicator" Margin="{TemplateBinding BorderThickness}" StrokeThickness="0.5" RadiusX="1.5" RadiusY="1.5" Fill="{TemplateBinding Foreground}"/>
                        Grid>
                    Grid>
                Grid>
            ControlTemplate>
        Setter.Value>
    Setter>
Style>

Be careful when changing the content of the template as some of the elements are used by the ViewStates. If you need change them be sure to replace them with appropriate elements or adjust the ViseStates to work with the new ones.

RE: The ProgressBar control in Silverlight 2

( Steve) — Wed, 17 Dec 2008 08:53:57 +0300

please get me the full example

RE: The ProgressBar control in Silverlight 2

( Madu Alikor) — Fri, 28 Nov 2008 12:37:18 +0300

Can I have a Full Example of how to create a Silverlight ControlTemplate for the ProgressBar Control