SilverlightShow: The ProgressBar control in Silverlight 2 Comments http://www.silverlightshow.net/ Silverlight articles, Silverlight tutorials, Silverlight videos, Silverlight samples en-us SilverlightShow.net estoychev@completit.com (Emil Stoychev) Argotic Syndication Framework, http://www.codeplex.com/Argotic http://www.rssboard.org/rss-specification RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment3053 dont have get the solution.When have solution then dont have the question. ( kunal) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Tue, 09 Feb 2010 10:55:16 +0300 RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment2921 Can I show different background color based on the progress... like green.. yellow.. red.... ( Nakul) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Fri, 15 Jan 2010 22:27:50 +0300 RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment2892 how would I simply display the progressbar while a datagrid is loading? Is there a better way to do this? ( brad) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Mon, 11 Jan 2010 00:18:01 +0300 RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment2890 how would I simply display the progressbar while a datagrid is loading? Is there a better way to do this? ( brad) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Sun, 10 Jan 2010 02:14:55 +0300 RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment2876 Really good article. Thanks for the tip. ( Fahad Ali) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Wed, 06 Jan 2010 07:05:57 +0300 RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment2522 <div style="background-image: none; text-align: left; padding-bottom: 3px; margin: 0px; padding-left: 3px; padding-right: 3px; word-wrap: break-word; padding-top: 3px;">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. <div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">1) Cannot change DataContext without changing to Null first. Thus inherited bindings usually don't work.</div> <div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">2) Visibility cannot be databound. (You can try, but it always works as if you had set Mode=OneTime)</div> <div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">3) Other bindings don't seem always stable either... </div> <div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Hope that helps somebody avoid frustration.</div> </div> ( KK) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Wed, 07 Oct 2009 13:31:28 +0300 RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment2401 <div style="padding-top: 3px; padding-right: 3px; padding-bottom: 3px; padding-left: 3px; background-image: none; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; text-align: left; word-wrap: break-word; ">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.<div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">1) Cannot change DataContext without changing to Null first. Thus inherited bindings usually don't work.</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">2) Visibility cannot be databound. (You can try, but it always works as if you had set Mode=OneTime)</div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">3) Other bindings don't seem always stable either... </div><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; ">Hope that helps somebody avoid frustration.</div></div> ( CoderX) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Thu, 24 Sep 2009 20:10:03 +0300 RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment2300 <p>Hello,</p> <p>I have tried the progress bar and does not seem to work for me. This is my code </p> <p><UserControl x:Class="iQuest.Moss.InternalProcesses.Holidays.Client.Views.Controls.ProgressBarUserControl"<br />     xmlns="<a shape="rect" href="http://schemas.microsoft.com/winfx/2006/xaml/presentation" shape="rect">http://schemas.microsoft.com/winfx/2006/xaml/presentation</a>" <br />     xmlns:x="<a shape="rect" href="http://schemas.microsoft.com/winfx/2006/xaml" shape="rect">http://schemas.microsoft.com/winfx/2006/xaml</a>" <br />     Width="400" Height="300"><br />  <Grid x:Name="LayoutRoot" Background="White"><br />   <ProgressBar x:Name="MyProgressBar" IsIndeterminate="True" Width="400" Height="30"></ProgressBar><br />  </Grid><br /> </UserControl></p> <p>When I try to load the silverlight I get the error : Unhandled Error in Silverlight 2 Application Invalid Property. Please help.</p> ( AlexandraP) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Wed, 02 Sep 2009 14:48:07 +0300 RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment1653 <em><strong>@Dheeraj </strong></em>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. <p>Disassembling can be achieved using .NET Reflector at http://www.red-gate.com/products/reflector/.</p> ( Enrai) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Wed, 10 Jun 2009 04:56:14 +0300 RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment1648 Can I have the source code for the Progress Bar Control? ( Dheeraj) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Mon, 08 Jun 2009 06:17:06 +0300 RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment1405 <p>Hi, ramalingam!</p> <p>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?</p> ( Enrai) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Thu, 02 Apr 2009 04:29:30 +0300 RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment1395 how the max button and min button are not working in you codeing pls replay me ( ramalingam) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Wed, 01 Apr 2009 06:11:55 +0300 RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment867 <p>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.</p> <p>thanks in advance.</p> ( Vinay) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Wed, 24 Dec 2008 14:41:19 +0300 RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment859 <p>Here is the default style for the ProgressBar control and in it you can find the ControlTemplate:</p> <div style="border: 1px solid gray; margin: 20px 0px 10px; padding: 4px; overflow: auto; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; cursor: text; max-height: 200px; width: 97.5%;"> <div style="border-style: none; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"><span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Style</span> <span style="color: rgb(255, 0, 0);">TargetType</span><span style="color: rgb(0, 0, 255);">="ProgressBar"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Setter</span> <span style="color: rgb(255, 0, 0);">Property</span><span style="color: rgb(0, 0, 255);">="Foreground"</span> <span style="color: rgb(255, 0, 0);">Value</span><span style="color: rgb(0, 0, 255);">="#FF027DB8"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Setter</span> <span style="color: rgb(255, 0, 0);">Property</span><span style="color: rgb(0, 0, 255);">="Background"</span> <span style="color: rgb(255, 0, 0);">Value</span><span style="color: rgb(0, 0, 255);">="#FFD2D5D8"</span> <span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Setter</span> <span style="color: rgb(255, 0, 0);">Property</span><span style="color: rgb(0, 0, 255);">="BorderThickness"</span> <span style="color: rgb(255, 0, 0);">Value</span><span style="color: rgb(0, 0, 255);">="1"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Setter</span> <span style="color: rgb(255, 0, 0);">Property</span><span style="color: rgb(0, 0, 255);">="Maximum"</span> <span style="color: rgb(255, 0, 0);">Value</span><span style="color: rgb(0, 0, 255);">="100"</span> <span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Setter</span> <span style="color: rgb(255, 0, 0);">Property</span><span style="color: rgb(0, 0, 255);">="IsTabStop"</span> <span style="color: rgb(255, 0, 0);">Value</span><span style="color: rgb(0, 0, 255);">="False"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Setter</span> <span style="color: rgb(255, 0, 0);">Property</span><span style="color: rgb(0, 0, 255);">="BorderBrush"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Setter.Value</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">LinearGradientBrush</span> <span style="color: rgb(255, 0, 0);">EndPoint</span><span style="color: rgb(0, 0, 255);">=".5,1"</span> <span style="color: rgb(255, 0, 0);">StartPoint</span><span style="color: rgb(0, 0, 255);">=".5,0"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">GradientStop</span> <span style="color: rgb(255, 0, 0);">Color</span><span style="color: rgb(0, 0, 255);">="#FFAEB7BF"</span> <span style="color: rgb(255, 0, 0);">Offset</span><span style="color: rgb(0, 0, 255);">="0"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">GradientStop</span> <span style="color: rgb(255, 0, 0);">Color</span><span style="color: rgb(0, 0, 255);">="#FF919EA7"</span> <span style="color: rgb(255, 0, 0);">Offset</span><span style="color: rgb(0, 0, 255);">="0.35"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">GradientStop</span> <span style="color: rgb(255, 0, 0);">Color</span><span style="color: rgb(0, 0, 255);">="#FF7A8A99"</span> <span style="color: rgb(255, 0, 0);">Offset</span><span style="color: rgb(0, 0, 255);">="0.35"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">GradientStop</span> <span style="color: rgb(255, 0, 0);">Color</span><span style="color: rgb(0, 0, 255);">="#FF647480"</span> <span style="color: rgb(255, 0, 0);">Offset</span><span style="color: rgb(0, 0, 255);">="1"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">LinearGradientBrush</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Setter.Value</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Setter</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Setter</span> <span style="color: rgb(255, 0, 0);">Property</span><span style="color: rgb(0, 0, 255);">="Template"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Setter.Value</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">ControlTemplate</span> <span style="color: rgb(255, 0, 0);">TargetType</span><span style="color: rgb(0, 0, 255);">="ProgressBar"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Grid</span> <span style="color: rgb(255, 0, 0);">x:Name</span><span style="color: rgb(0, 0, 255);">="Root"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">vsm:VisualStateManager.VisualStateGroups</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">vsm:VisualStateGroup</span> <span style="color: rgb(255, 0, 0);">x:Name</span><span style="color: rgb(0, 0, 255);">="CommonStates"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">vsm:VisualState</span> <span style="color: rgb(255, 0, 0);">x:Name</span><span style="color: rgb(0, 0, 255);">="Determinate"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">vsm:VisualState</span> <span style="color: rgb(255, 0, 0);">x:Name</span><span style="color: rgb(0, 0, 255);">="Indeterminate"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Storyboard</span> <span style="color: rgb(255, 0, 0);">RepeatBehavior</span><span style="color: rgb(0, 0, 255);">="Forever"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">DoubleAnimation</span> <span style="color: rgb(255, 0, 0);">Storyboard</span>.<span style="color: rgb(255, 0, 0);">TargetName</span><span style="color: rgb(0, 0, 255);">="IndeterminateGradientFill"</span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(255, 0, 0);">Storyboard</span>.<span style="color: rgb(255, 0, 0);">TargetProperty</span><span style="color: rgb(0, 0, 255);">="(Shape.Fill).(LinearGradientBrush.Transform).(TransformGroup.Children)[0].X"</span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(255, 0, 0);">Duration</span><span style="color: rgb(0, 0, 255);">="00:00:.5"</span> <span style="color: rgb(255, 0, 0);">From</span><span style="color: rgb(0, 0, 255);">="0"</span> <span style="color: rgb(255, 0, 0);">To</span><span style="color: rgb(0, 0, 255);">="20"</span> <span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">ObjectAnimationUsingKeyFrames</span> <span style="color: rgb(255, 0, 0);">Duration</span><span style="color: rgb(0, 0, 255);">="00:00:00"</span> <span style="color: rgb(255, 0, 0);">Storyboard</span>.<span style="color: rgb(255, 0, 0);">TargetName</span><span style="color: rgb(0, 0, 255);">="IndeterminateRoot"</span> <span style="color: rgb(255, 0, 0);">Storyboard</span>.<span style="color: rgb(255, 0, 0);">TargetProperty</span><span style="color: rgb(0, 0, 255);">="(UIElement.Visibility)"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">DiscreteObjectKeyFrame</span> <span style="color: rgb(255, 0, 0);">KeyTime</span><span style="color: rgb(0, 0, 255);">="00:00:00"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">DiscreteObjectKeyFrame.Value</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Visibility</span><span style="color: rgb(0, 0, 255);">></span>Visible<span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Visibility</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">DiscreteObjectKeyFrame.Value</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">DiscreteObjectKeyFrame</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">ObjectAnimationUsingKeyFrames</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">ObjectAnimationUsingKeyFrames</span> <span style="color: rgb(255, 0, 0);">Duration</span><span style="color: rgb(0, 0, 255);">="00:00:00"</span> <span style="color: rgb(255, 0, 0);">Storyboard</span>.<span style="color: rgb(255, 0, 0);">TargetName</span><span style="color: rgb(0, 0, 255);">="DeterminateRoot"</span> <span style="color: rgb(255, 0, 0);">Storyboard</span>.<span style="color: rgb(255, 0, 0);">TargetProperty</span><span style="color: rgb(0, 0, 255);">="(UIElement.Visibility)"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">DiscreteObjectKeyFrame</span> <span style="color: rgb(255, 0, 0);">KeyTime</span><span style="color: rgb(0, 0, 255);">="00:00:00"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">DiscreteObjectKeyFrame.Value</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Visibility</span><span style="color: rgb(0, 0, 255);">></span>Collapsed<span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Visibility</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">DiscreteObjectKeyFrame.Value</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">DiscreteObjectKeyFrame</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">ObjectAnimationUsingKeyFrames</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Storyboard</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">vsm:VisualState</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">vsm:VisualStateGroup</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">vsm:VisualStateManager.VisualStateGroups</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 128, 0);"><!--Default Root Visuals for either type of ProgressBar--></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Border</span> <span style="color: rgb(255, 0, 0);">Name</span><span style="color: rgb(0, 0, 255);">="ProgressBarTrack"</span> <span style="color: rgb(255, 0, 0);">CornerRadius</span><span style="color: rgb(0, 0, 255);">="3"</span> <span style="color: rgb(255, 0, 0);">Background</span><span style="color: rgb(0, 0, 255);">="{TemplateBinding Background}"</span> <span style="color: rgb(255, 0, 0);">BorderThickness</span><span style="color: rgb(0, 0, 255);">="{TemplateBinding BorderThickness}"</span> <span style="color: rgb(255, 0, 0);">BorderBrush</span><span style="color: rgb(0, 0, 255);">="{TemplateBinding BorderBrush}"</span> <span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Grid</span> <span style="color: rgb(255, 0, 0);">x:Name</span><span style="color: rgb(0, 0, 255);">="ProgressBarRootGrid"</span> <span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 128, 0);"><!-- Beginning of Gradient over all visuals --></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Rectangle</span> <span style="color: rgb(255, 0, 0);">Canvas</span>.<span style="color: rgb(255, 0, 0);">ZIndex</span><span style="color: rgb(0, 0, 255);">="1"</span> <span style="color: rgb(255, 0, 0);">x:Name</span><span style="color: rgb(0, 0, 255);">="ProgressBarRootGradient"</span> <span style="color: rgb(255, 0, 0);">StrokeThickness</span><span style="color: rgb(0, 0, 255);">="1"</span> <span style="color: rgb(255, 0, 0);">Margin</span><span style="color: rgb(0, 0, 255);">="{TemplateBinding BorderThickness}"</span> <span style="color: rgb(255, 0, 0);">Stroke</span><span style="color: rgb(0, 0, 255);">="#FFFFFFFF"</span> <span style="color: rgb(255, 0, 0);">RadiusX</span><span style="color: rgb(0, 0, 255);">="1.5"</span> <span style="color: rgb(255, 0, 0);">RadiusY</span><span style="color: rgb(0, 0, 255);">="1.5"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Rectangle.Fill</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">LinearGradientBrush</span> <span style="color: rgb(255, 0, 0);">StartPoint</span><span style="color: rgb(0, 0, 255);">=".7,0"</span> <span style="color: rgb(255, 0, 0);">EndPoint</span><span style="color: rgb(0, 0, 255);">=".7,1"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">GradientStop</span> <span style="color: rgb(255, 0, 0);">Color</span><span style="color: rgb(0, 0, 255);">="#B2FFFFFF"</span> <span style="color: rgb(255, 0, 0);">Offset</span><span style="color: rgb(0, 0, 255);">="0"</span> <span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">GradientStop</span> <span style="color: rgb(255, 0, 0);">Color</span><span style="color: rgb(0, 0, 255);">="#C6FFFFFF"</span> <span style="color: rgb(255, 0, 0);">Offset</span><span style="color: rgb(0, 0, 255);">="0.15"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">GradientStop</span> <span style="color: rgb(255, 0, 0);">Color</span><span style="color: rgb(0, 0, 255);">="#D1FFFFFF"</span> <span style="color: rgb(255, 0, 0);">Offset</span><span style="color: rgb(0, 0, 255);">="0.275"</span> <span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">GradientStop</span> <span style="color: rgb(255, 0, 0);">Color</span><span style="color: rgb(0, 0, 255);">="#C6FFFFFF"</span> <span style="color: rgb(255, 0, 0);">Offset</span><span style="color: rgb(0, 0, 255);">="0.4"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">GradientStop</span> <span style="color: rgb(255, 0, 0);">Color</span><span style="color: rgb(0, 0, 255);">="#BFFFFFFF"</span> <span style="color: rgb(255, 0, 0);">Offset</span><span style="color: rgb(0, 0, 255);">="0.65"</span> <span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">GradientStop</span> <span style="color: rgb(255, 0, 0);">Color</span><span style="color: rgb(0, 0, 255);">="#A5FFFFFF"</span> <span style="color: rgb(255, 0, 0);">Offset</span><span style="color: rgb(0, 0, 255);">="0.75"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">GradientStop</span> <span style="color: rgb(255, 0, 0);">Color</span><span style="color: rgb(0, 0, 255);">="#91FFFFFF"</span> <span style="color: rgb(255, 0, 0);">Offset</span><span style="color: rgb(0, 0, 255);">="0.85"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">GradientStop</span> <span style="color: rgb(255, 0, 0);">Color</span><span style="color: rgb(0, 0, 255);">="#72FFFFFF"</span> <span style="color: rgb(255, 0, 0);">Offset</span><span style="color: rgb(0, 0, 255);">="1"</span> <span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">LinearGradientBrush</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Rectangle.Fill</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Rectangle</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 128, 0);"><!-- Beginning of Indeterminate Progress Bar Visuals--></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Grid</span> <span style="color: rgb(255, 0, 0);">x:Name</span><span style="color: rgb(0, 0, 255);">="IndeterminateRoot"</span> <span style="color: rgb(255, 0, 0);">Visibility</span><span style="color: rgb(0, 0, 255);">="Collapsed"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Rectangle</span> <span style="color: rgb(255, 0, 0);">x:Name</span><span style="color: rgb(0, 0, 255);">="IndeterminateSolidFill"</span> <span style="color: rgb(255, 0, 0);">Stroke</span><span style="color: rgb(0, 0, 255);">="#FF448DCA"</span> <span style="color: rgb(255, 0, 0);">RadiusX</span><span style="color: rgb(0, 0, 255);">="2"</span> <span style="color: rgb(255, 0, 0);">RadiusY</span><span style="color: rgb(0, 0, 255);">="2"</span> <span style="color: rgb(255, 0, 0);">StrokeThickness</span><span style="color: rgb(0, 0, 255);">="0"</span> <span style="color: rgb(255, 0, 0);">Margin</span><span style="color: rgb(0, 0, 255);">="{TemplateBinding BorderThickness}"</span> <span style="color: rgb(255, 0, 0);">Fill</span><span style="color: rgb(0, 0, 255);">="{TemplateBinding Foreground}"</span> <span style="color: rgb(255, 0, 0);">Opacity</span><span style="color: rgb(0, 0, 255);">="1"</span> <span style="color: rgb(255, 0, 0);">RenderTransformOrigin</span><span style="color: rgb(0, 0, 255);">="0.5,0.5"</span> <span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Rectangle</span> <span style="color: rgb(255, 0, 0);">x:Name</span><span style="color: rgb(0, 0, 255);">="IndeterminateGradientFill"</span> <span style="color: rgb(255, 0, 0);">RadiusX</span><span style="color: rgb(0, 0, 255);">="2"</span> <span style="color: rgb(255, 0, 0);">RadiusY</span><span style="color: rgb(0, 0, 255);">="2"</span> <span style="color: rgb(255, 0, 0);">StrokeThickness</span><span style="color: rgb(0, 0, 255);">="1"</span> <span style="color: rgb(255, 0, 0);">Margin</span><span style="color: rgb(0, 0, 255);">="{TemplateBinding BorderThickness}"</span> <span style="color: rgb(255, 0, 0);">Opacity</span><span style="color: rgb(0, 0, 255);">="0.7"</span> <span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Rectangle.Fill</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">LinearGradientBrush</span> <span style="color: rgb(255, 0, 0);">SpreadMethod</span><span style="color: rgb(0, 0, 255);">="Repeat"</span> <span style="color: rgb(255, 0, 0);">MappingMode</span><span style="color: rgb(0, 0, 255);">="Absolute"</span> <span style="color: rgb(255, 0, 0);">EndPoint</span><span style="color: rgb(0, 0, 255);">="0,1"</span> <span style="color: rgb(255, 0, 0);">StartPoint</span><span style="color: rgb(0, 0, 255);">="20,1"</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">LinearGradientBrush.Transform</span> <span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">TransformGroup</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">TranslateTransform</span> <span style="color: rgb(255, 0, 0);">X</span><span style="color: rgb(0, 0, 255);">="0"</span> <span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">SkewTransform</span> <span style="color: rgb(255, 0, 0);">AngleX</span><span style="color: rgb(0, 0, 255);">="-30"</span> <span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">TransformGroup</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">LinearGradientBrush.Transform</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">GradientStop</span> <span style="color: rgb(255, 0, 0);">Color</span><span style="color: rgb(0, 0, 255);">="#FFFFFFFF"</span> <span style="color: rgb(255, 0, 0);">Offset</span><span style="color: rgb(0, 0, 255);">="0"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">GradientStop</span> <span style="color: rgb(255, 0, 0);">Color</span><span style="color: rgb(0, 0, 255);">="#00FFFFFF"</span> <span style="color: rgb(255, 0, 0);">Offset</span><span style="color: rgb(0, 0, 255);">=".25"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">GradientStop</span> <span style="color: rgb(255, 0, 0);">Color</span><span style="color: rgb(0, 0, 255);">="#FFFFFFFF"</span> <span style="color: rgb(255, 0, 0);">Offset</span><span style="color: rgb(0, 0, 255);">="0.85"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">LinearGradientBrush</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Rectangle.Fill</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Rectangle</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Grid</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 128, 0);"><!-- Beginning of Determinate Progress Bar Visuals--></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Grid</span> <span style="color: rgb(255, 0, 0);">x:Name</span><span style="color: rgb(0, 0, 255);">="DeterminateRoot"</span> <span style="color: rgb(255, 0, 0);">Margin</span><span style="color: rgb(0, 0, 255);">="1"</span> <span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 128, 0);"><!--Background --></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"><</span><span style="color: rgb(128, 0, 0);">Rectangle</span> <span style="color: rgb(255, 0, 0);">HorizontalAlignment</span><span style="color: rgb(0, 0, 255);">="Left"</span> <span style="color: rgb(255, 0, 0);">x:Name</span><span style="color: rgb(0, 0, 255);">="ProgressBarIndicator"</span> <span style="color: rgb(255, 0, 0);">Margin</span><span style="color: rgb(0, 0, 255);">="{TemplateBinding BorderThickness}"</span> <span style="color: rgb(255, 0, 0);">StrokeThickness</span><span style="color: rgb(0, 0, 255);">="0.5"</span> <span style="color: rgb(255, 0, 0);">RadiusX</span><span style="color: rgb(0, 0, 255);">="1.5"</span> <span style="color: rgb(255, 0, 0);">RadiusY</span><span style="color: rgb(0, 0, 255);">="1.5"</span> <span style="color: rgb(255, 0, 0);">Fill</span><span style="color: rgb(0, 0, 255);">="{TemplateBinding Foreground}"</span><span style="color: rgb(0, 0, 255);">/></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Grid</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Grid</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Grid</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">ControlTemplate</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Setter.Value</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%; background-color: white;"> <span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Setter</span><span style="color: rgb(0, 0, 255);">></span></pre> <pre style="border-style: none; margin: 0em; padding: 0px; overflow: visible; background-color: rgb(244, 244, 244); font-family: Consolas,'Courier New',Courier,Monospace; font-size: 8pt; line-height: 12pt; color: black; width: 100%;"><span style="color: rgb(0, 0, 255);"></</span><span style="color: rgb(128, 0, 0);">Style</span><span style="color: rgb(0, 0, 255);">></span></pre> </div> </div> <p>Be careful when changing the content of the template as some of the elements are used by the <em><strong>ViewStates</strong></em>. If you need change them be sure to replace them with appropriate elements or adjust the <em><strong>ViseStates </strong></em>to work with the new ones.</p> ( Enrai) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Sat, 20 Dec 2008 06:30:45 +0300 RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment847 <p>please get me the full example</p> ( Steve) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Wed, 17 Dec 2008 08:53:57 +0300 RE: The ProgressBar control in Silverlight 2 http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx#comment773 <p>Can I have a Full Example of how to create a Silverlight <span style="color: rgb(128,0,0)">ControlTemplate</span> for the ProgressBar Control</p> ( Madu Alikor) http://www.silverlightshow.net/items/The-ProgressBar-control-in-Silverlight-2.aspx Fri, 28 Nov 2008 12:37:18 +0300