Vinculando uma barra de progresso a um mediaelement no wpf

Em c # / wpf, adicionei uma barra de progresso e um mediaelement à minha janela. A idéia era que a barra de progresso estivesse exibindo quanto foi reproduzido no mediaelement.

Eu tentei com o seguinte xaml:

<Window x:Class="TestApp.MainWindow"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    Title="Window1" Height="627" Width="889">
    <Grid>
    <MediaElement Margin="152,8,140,41" Name="mediaElement1" MediaEnded="mediaElement1_MediaEnded" Visibility="Hidden" />
    <ProgressBar Height="23" Margin="152,8,10,0" Name="mp3PlayingProgressBar" VerticalAlignment="Top" Foreground="DarkBlue" Maximum="{Binding Path=NaturalDuration.TimeSpan.TotalSeconds, Mode=OneWay, ElementName=mediaElement1}" Value="{Binding Path=Position.TotalSeconds, Mode=OneWay, ElementName=mediaElement1}" />
    </Grid>
</Window>

Tentei vincular a propriedade Maximum e Value ao mediaelement. Mas quando carrego um mp3, por exemplo, no mediaelement, nada acontece com a barra de progresso. (A música está tocando para que o mp3 esteja carregado e tocando corretamente).

Eu prefiro fazer isso com uma ligação.

O que estou fazendo aqui errado?

questionAnswers(5)

yourAnswerToTheQuestion