Windows App Progress Bar

I used a Windows App template to create a webview and load my responsive website within that webView. I tried to use the ProgressRing to show the users that the app is loading till the pages are fully loaded. The ProgressRing is coming but is not going away. Below is the actual code of my app.

A quick help would be highly appreciated. Thanks!

MainPage.xaml:

x:Class="Zify.MainPage"
xmlns="http://ift.tt/o66D3f"
xmlns:x="http://ift.tt/mPTqtT"
xmlns:local="using:Zify"
xmlns:d="http://ift.tt/pHvyf2"
xmlns:mc="http://ift.tt/pzd6Lm"
mc:Ignorable="d"
Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

<Grid>
    <WebView Name="webView1" HorizontalAlignment="Left" VerticalAlignment="Top" Height="650" Width="400"/>
    <ProgressRing Name="progress" " IsActive="True" Foreground="#FFE74C3A"/>

MainPage.xaml.cs:

namespace Zify
{
    /// <summary>
    /// An empty page that can be used on its own or navigated to within a Frame.
    /// </summary>
    public sealed partial class MainPage : Page
    {
        public MainPage()
        {
            this.InitializeComponent();
            this.NavigationCacheMode = NavigationCacheMode.Required;
            Uri targetUri = new Uri(@"http://ift.tt/1CfItTW");
            webView1.Navigate(targetUri);
        }

        /// <summary>
        /// Invoked when this page is about to be displayed in a Frame.
        /// </summary>
        /// <param name="e">Event data that describes how this page was reached.
        /// This parameter is typically used to configure the page.</param>

        // Event handler for the system's DisplaySettingsChanged event.
        // Detect and then compare the height and width of the screen.
    }
}