title: move my progressbar with an image android
body: <p>i have this code </p>
  
  <p>is a progress bar that fill with a red color</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android"&gt;
      &lt;item android:id="@android:id/background"&gt;
          &lt;shape&gt;
              &lt;gradient
              android:startColor="#c3c3c3"
                  android:centerColor="#c3c3c3"
                  android:centerY="0.75"
                  android:endColor="#7f7f7f"
                  android:angle="270"/&gt;
              &lt;padding android:left="1dp"
              android:top="1dp"
              android:right="1dp"
              android:bottom="1dp"/&gt; 
          &lt;corners android:radius="10dp"/&gt; 
      &lt;/shape&gt;
  &lt;/item&gt;
  
  &lt;item android:id="@android:id/secondaryProgress"&gt;
      &lt;clip&gt;
          &lt;shape&gt;
              &lt;gradient
                  android:startColor="#234"
                  android:centerColor="#234"
                  android:centerY="0.75"
                  android:endColor="#a24"
                  android:angle="270"/&gt;
              &lt;padding android:left="1dp"
                  android:top="1dp"
                  android:right="1dp"
                  android:bottom="1dp"/&gt; 
              &lt;corners android:radius="10dp"/&gt; 
              &lt;/shape&gt;
      &lt;/clip&gt;
  &lt;/item&gt;
  
  &lt;item android:id="@android:id/progress"&gt;
      &lt;clip&gt;
         &lt;shape&gt;
              &lt;gradient
                  android:startColor="#a42c48"
                  android:centerColor="#a42c48"
                  android:centerY="0.75"
                  android:endColor="#eb3e67"
                  android:angle="270"/&gt;
              &lt;padding android:left="1dp"
                  android:top="1dp"
                  android:right="1dp"
                  android:bottom="1dp"/&gt; 
              &lt;corners android:radius="10dp"/&gt; 
          &lt;/shape&gt;
      &lt;/clip&gt;
      &lt;/item&gt;
  &lt;/layer-list&gt;
  </code></pre>
  
  <p>and look like this</p>
  
  <p><img src="https://i.stack.imgur.com/DmAHy.png" alt="enter image description here"></p>
  
  <p>now i want to add an image to move at the same time the progress bar fills up like the image below</p>
  
  <p><img src="https://i.stack.imgur.com/C7GJx.png" alt="enter image description here"></p>
  
  <p>please help me</p>
  
  <p>thanks in advance</p>