The XAML for the progress bar. The figure shown is simply for illustration. : XAML « Data « Silverlight






The XAML for the progress bar. The figure shown is simply for illustration.

The XAML for the progress bar. The figure shown is simply for illustration.
   
<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 x:Name="LayoutRoot" Background="White">
        <StackPanel Orientation="Vertical">
            <Button x:Name="myButton" Content="Start Task" Height="30" Width="90" Click="myButton_Click" Margin="10" />
            <ProgressBar x:Name="myProgressBar" Height="30" Width="250" Background="White" BorderBrush="Black" BorderThickness="2">
                <ProgressBar.Foreground>
                    <LinearGradientBrush EndPoint="0.5,1.35" StartPoint="0.5,-0.3">
                        <GradientStop Color="#FF67E206" Offset="0"/>
                        <GradientStop Color="#FF209900" Offset="0.418"/>
                        <GradientStop Color="#FF67E206" Offset="1"/>
                    </LinearGradientBrush>
                </ProgressBar.Foreground>
            </ProgressBar>
        </StackPanel>
    </Grid>
</UserControl>


//File: Page.cs
using System;
using System.Collections.Generic;
using System.Linq;
using System.Net;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Animation;
using System.Windows.Shapes;

using System.ComponentModel;
using System.Threading;
using System.Windows.Browser;

namespace SilverlightApplication3
{
    public partial class MainPage : UserControl
    {
        private BackgroundWorker backgroundWorker = null;                         

        public MainPage()
        {
            InitializeComponent();

            backgroundWorker = new BackgroundWorker();
            backgroundWorker.WorkerReportsProgress = true;

            backgroundWorker.DoWork += new DoWorkEventHandler(backgroundWorker_DoWork);
            backgroundWorker.ProgressChanged += new ProgressChangedEventHandler(backgroundWorker_ProgressChanged);
            backgroundWorker.RunWorkerCompleted += new RunWorkerCompletedEventHandler(backgroundWorker_RunWorkerCompleted);            
        }

        void backgroundWorker_RunWorkerCompleted(object sender, RunWorkerCompletedEventArgs e)
        {
            HtmlWindow window = HtmlPage.Window;
            window.Alert("Task Completed!");
        }

        void backgroundWorker_ProgressChanged(object sender, ProgressChangedEventArgs e)
        {
            myProgressBar.Value = e.ProgressPercentage;
        }

        void backgroundWorker_DoWork(object sender, DoWorkEventArgs e)
        {
            for (int i = 1; i <= 100; i++)                                          
            {                                                                       
                backgroundWorker.ReportProgress(i);                                  
                Thread.Sleep(25);                                                     
            }                                                                       
        }

        private void myButton_Click(object sender, RoutedEventArgs e)
        {
            backgroundWorker.RunWorkerAsync();                                      
        }
    }
}

   
    
    
  








Related examples in the same category

1.Understanding the Structure of a SilverlightUnderstanding the Structure of a Silverlight
2.Dynamically Loading XAML from Managed CodeDynamically Loading XAML from Managed Code
3.Using XAML BrushesUsing XAML Brushes
4.Xaml and Code behind
5.A Minimal XAML Document
6.Inner element with xml namespaceInner element with xml namespace
7.Specify a brush with the expanded XAML syntaxSpecify a brush with the expanded XAML syntax
8.A basic XAML file referencing two namespacesA basic XAML file referencing two namespaces
9.The XAML for a basic EllipseThe XAML for a basic Ellipse
10.The XAML for animating a double-precision floating-point number
11.XAML for animating pair of x-and-y coordinatesXAML for animating pair of x-and-y coordinates
12.XAML for shifting between colorsXAML for shifting between colors
13.Loading some XAML at runtimeLoading some XAML at runtime
14.Loading XAML with nested elements at runtimeLoading XAML with nested elements at runtime
15.Load Dynamic XAMLLoad Dynamic XAML