title: Add an item at current progressBar position - Creating a custom progress bar
body: <p>I am trying to create a custom progress bar that looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/x3muc.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x3muc.png" alt="enter image description here"></a></p>
  
  <p>I manage to create the layout, but I don't know how to put that circle at the current progressBar progress position. Does anybody know how to achieve this?</p>
  
  <p>My xml layout looks like this:
  
  </p>
  
  <pre><code>&lt;!-- Define the background properties like color etc --&gt;
  &lt;item android:id="@android:id/background"&gt;
      &lt;shape&gt;
          &lt;solid android:color="#ffffff" /&gt;
          &lt;corners android:radius="1dip" /&gt;
      &lt;/shape&gt;
  &lt;/item&gt;
  
  &lt;!-- Define the progress properties like start color, end color etc --&gt;
  &lt;item android:id="@android:id/progress"&gt;
      &lt;clip&gt;
          &lt;shape&gt;
              &lt;solid android:color="#42cbf4"
                  android:width="40dp"/&gt;
          &lt;/shape&gt;
      &lt;/clip&gt;
  &lt;/item&gt;
  </code></pre>
  
  <p></p>
  
  <p>I also added a linearLayout for the transparent Background
  I tried putting another oval shape in the progress item, or create another shape for secondProgress, but nothing worked.
  Right now, it looks like this:</p>
  
  <p><a href="https://i.stack.imgur.com/RT0sW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RT0sW.png" alt="enter image description here"></a></p>