title: WPF slider style
body: <p>I'm kinda new to WPF, and I'm trying to add an style to my slider,
  but there are so many options that I aways get confused.</p>
  
  <p>could someone make, or give me a start on how to make a slider look like this:
  <img src="https://i.stack.imgur.com/T8yqI.png" alt="Slider">
  green = passsed, gray rest of track</p>
  
  <p>And I'm trying to use it for showing while playing a song, so gray = remaining,
  what's the easiest way to implement that while your dragging it skips to that part of the song.</p>
  
  <p>I'm using NAudio, I got the trackbar sliding (by time remaining) while the song is playing by doing:</p>
  
  <pre><code>private void dispatcherTimer_Tick(object sender, EventArgs e) {
     LabelCurrentTime.Content = _musicManager.getPlayTime();
     double totalseconds = _musicManager.totalSeconds();
     double currentseconds = _musicManager.currentSeconds();
     if (totalseconds &gt; 0 &amp;&amp; currentseconds &gt; 0)
        Trackbar.Value = ((((Trackbar.Width / totalseconds) * currentseconds)) / totalseconds) * 10;
  }
  </code></pre>
  
  <p>with in xaml:</p>
  
  <pre><code>&lt;Slider x:Name="Trackbar" Height="25" Canvas.Left="50" Canvas.Top="10" Width="408" Maximum="10"/&gt;
  </code></pre>