title: Progress bar with rounded corners?
body: <p>I am trying to achieve this progress bar design:
  <a href="https://i.stack.imgur.com/Hu6dr.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Hu6dr.png" alt="enter image description here"></a></p>
  
  <p>The current code that I have produces this:
  <a href="https://i.stack.imgur.com/SSfjA.png" rel="noreferrer"><img src="https://i.stack.imgur.com/SSfjA.png" alt="enter image description here"></a></p>
  
  <p>This is the code:</p>
  
  <p></p>
  
  <pre><code>&lt;item android:id="@android:id/background"&gt;
      &lt;shape&gt;
          &lt;corners android:radius="8dp"/&gt;
          &lt;solid android:color="@color/dirtyWhite"/&gt;
      &lt;/shape&gt;
  &lt;/item&gt;
  
  &lt;item android:id="@android:id/progress"&gt;
      &lt;clip&gt;
          &lt;shape&gt;
              &lt;corners android:radius="8dp"/&gt;
              &lt;solid android:color="@color/colorPrimaryDark"/&gt;
          &lt;/shape&gt;
      &lt;/clip&gt;
  &lt;/item&gt;
  </code></pre>
  
  <p>
  My progress bar:</p>
  
  <pre><code> &lt;ProgressBar
              android:id="@+id/activeProgress"
              style="?android:attr/progressBarStyleHorizontal"
              android:layout_width="300dp"
              android:layout_height="wrap_content"
              android:layout_weight="1"
              android:progress="10"
              android:progressDrawable="@drawable/rounded_corners_progress_bar"/&gt;
  </code></pre>
  
  <p>I tried adding <code>&lt;size&gt;</code> attribute on the <code>&lt;shape&gt;</code> in <code>&lt;clip</code> to make the progress shape a bit smaller but it did not work. Also, the progress bar is flat and I want to be curved as per design. What I need to change in order to achieve the design?</p>