title: BusyIndicator animation stops with delayed operation
body: <p>I'm trying to show a busy indicator on fetching data from another source.</p>
  <p>Workflow</p>
  <ol>
  <li>Busy indicator starts on process starting</li>
  <li>Fetching data.</li>
  <li>Stop busy indicator.</li>
  </ol>
  <p>Sample code</p>
  <p><strong>Xaml</strong></p>
  <pre><code> &lt;busyIndicator:BusyIndicator x:Name=&quot;BusyIndicator&quot; IsBusy=&quot;False&quot; &gt;
          &lt;Grid&gt;
              &lt;Button x:Name=&quot;showindicator&quot; Height=&quot;100&quot; Width=&quot;200&quot; Content=&quot;ShowIndicator&quot; Grid.Row=&quot;1&quot; Click=&quot;Showindicator_Click&quot;/&gt;
          &lt;/Grid&gt;
      &lt;/busyIndicator:BusyIndicator&gt;
  </code></pre>
  <p>C#</p>
  <pre><code>private async void Showindicator_Click(object sender, RoutedEventArgs e)
          {
              BusyIndicator.IsBusy = true;
              await Dispatcher.BeginInvoke(DispatcherPriority.Normal, new Action(() =&gt;
              {
                  // In my original code, fetching data here
                  for (int i = 0; i &lt; 5; i++)
                  {
                      Console.WriteLine(i);
                      Thread.Sleep(1000);
                  }
              }));
              BusyIndicator.IsBusy = false;
          }
  </code></pre>
  <p>Busy indicator doesn't start while dispatcher loop is in progress, the indicator starts only after the loop. In above case indicator not showing, but if IsBusy flag not set to false indicator starts after the loop.</p>
  <p>I don't know Am I doing anything wrong or the logic not correct? Please help me to resolve this.</p>