Transparent busy indicator
<p>I'm using busy indicator from wpftoolkit library. This is my code:</p>

<pre><code>&lt;Window x:Class="BusyControl.MainWindow"           
        xmlns:xctk="http://schemas.xceed.com/wpf/xaml/toolkit"
        xmlns:gif="http://wpfanimatedgif.codeplex.com"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525"&gt;
    &lt;Grid&gt;
        &lt;xctk:BusyIndicator Name="ProgressIndicator" IsBusy="False" Background="Transparent" BorderBrush="Transparent" BorderThickness="0"&gt;
            &lt;xctk:BusyIndicator.BusyContentTemplate&gt;
                &lt;DataTemplate&gt;
                    &lt;StackPanel&gt;
                        &lt;Image gif:ImageBehavior.AnimatedSource="Resources/loading.gif" Width="150" Height="50" /&gt;
                        &lt;TextBlock Text="{Binding ElementName=ProgressIndicator, Path=BusyContent}" HorizontalAlignment="Center" Margin="3"&gt;&lt;/TextBlock&gt;
                    &lt;/StackPanel&gt;
                &lt;/DataTemplate&gt;
            &lt;/xctk:BusyIndicator.BusyContentTemplate&gt;
            &lt;xctk:BusyIndicator.ProgressBarStyle&gt;
                &lt;Style TargetType="ProgressBar"&gt;
                    &lt;Setter Property="Visibility" Value="Collapsed"/&gt;
                &lt;/Style&gt;
            &lt;/xctk:BusyIndicator.ProgressBarStyle&gt;
            &lt;Grid&gt;
                &lt;Button Content="Click me" Click="ButtonBase_OnClick" Width="100" Height="50"&gt;&lt;/Button&gt;
            &lt;/Grid&gt;
        &lt;/xctk:BusyIndicator&gt;
    &lt;/Grid&gt;
&lt;/Window&gt;
</code></pre>

<p>But my busy indicator looks like</p>

<p><a href="https://i.stack.imgur.com/7rp5t.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7rp5t.png" alt="before"></a></p>

<p>but I need transparent busy indicator like this</p>

<p><a href="https://i.stack.imgur.com/PKnpz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PKnpz.png" alt="After"></a></p>

<p>How can I do that?</p>