WPF Toolkit BusyIndicator
<p>I have a problem trying to update the UI. What I need it is that after displaying the <code>BusyIndicator</code>, need the message changes, and when finished 5 seconds, display another message for two seconds and then hide the <code>BusyIndicator</code>. Thx!</p>

<p><strong>XAML</strong></p>

<pre><code>&lt;xctk:BusyIndicator IsBusy="{Binding IsBusy}" DisplayAfter="0"&gt;
    &lt;xctk:BusyIndicator.BusyContentTemplate&gt;
        &lt;DataTemplate&gt;
            &lt;StackPanel&gt;
                &lt;mahApps:ProgressRing IsActive="{Binding IsBusy}"/&gt;
                &lt;Label Content="{Binding ShowMessage}"/&gt;
            &lt;/StackPanel&gt;
        &lt;/DataTemplate&gt;
    &lt;/xctk:BusyIndicator.BusyContentTemplate&gt;

    ...

&lt;/xctk:BusyIndicator&gt;
</code></pre>

<p><strong>XAML ViewModel</strong>    </p>

<pre><code>public string ShowMessage
{
    get { return _showMessage; }
    set
    {
        _showMessage = value;
        RaisePropertyChanged("ShowMessage");
    }
}

private void Save()
{
    ShowMessage = "Wait please...";

    Task.Factory.StartNew(() =&gt;
    {
        IsBusy = true; // Show busyindicator and ProgressRing

        Thread.Sleep(5000); // 5 seconds to see the animation (Here is a SQL insert)

        /// Hide ProgressRing only

        ShowMessage = "Save complete.";

        Thread.Sleep(2000); // 2 seconds to see "ShowMessage"

    }).ContinueWith(x =&gt;
    {
        IsBusy = false; // hide busyindicator and ProgressRing

        ...

    }, TaskScheduler.FromCurrentSynchronizationContext());
}
</code></pre>

<p><a href="https://i.stack.imgur.com/P4g1y.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/P4g1y.jpg" alt="enter image description here"></a></p>