Post
Ask Question

Creating custom ProgressBar in Windows Phone 8.1

First take a user control as below, 
  1. public sealed partial class LoadingProcess : UserControl  
  2. {  
  3.     public LoadingProcess()  
  4.     {  
  5.         this.InitializeComponent();  
  6.         this.LayoutRoot.Height = Math.Ceiling(Window.Current.Bounds.Height);  
  7.         this.LayoutRoot.Width = Math.Ceiling(Window.Current.Bounds.Width);  
  8.     }  
  9. }  
And for that user control Xaml code will be like this,
  1. <Grid x:Name="LayoutRoot" Background="Black" Opacity=".5" >  
  2.      <Grid.RowDefinitions>  
  3.          <RowDefinition Height="*"/>  
  4.      </Grid.RowDefinitions>  
  5.   
  6.      <StackPanel Grid.Row="1" VerticalAlignment="Center" >  
  7.          <ProgressBar IsIndeterminate="True" Foreground="White" Height="30" VerticalAlignment="Center"/>  
  8.          <TextBlock Text="Please wait" Foreground="White" FontSize="20" HorizontalAlignment="Center"/>  
  9.      </StackPanel>  
  10.  </Grid>  
And add this user control as popup for class,
  1. class ScreenProcessbar  
  2. {  
  3.     private Popup popup = new Popup();  
  4.   
  5.     public ScreenProcessbar()  
  6.     {  
  7.     }  
  8.     public void loaderstart()  
  9.     {  
  10.         if (!popup.IsOpen)  
  11.         {                  
  12.             LoadingProcess ovr = new LoadingProcess();  
  13.             this.popup.Child = ovr;  
  14.             this.popup.IsOpen = true;               
  15.   
  16.         }  
  17.     }  
  18.     public void loaderstop()  
  19.     {  
  20.         if (popup.IsOpen)  
  21.             popup.IsOpen = false;             
  22.     }  
  23. }  
 And add this popup for any page to show progress bar as below by creating an object, 
  1. var progressBar = new ScreenProcessbar();  
  2.  progressBar.loaderstart();     
After completion of your async,await function just call this method to close the progress bar popup. 
  1. progressBar.loaderstop();  
Now you can add this popup for any page easily. And it will be fit for any device/resolution.
Happy coding...:) .