Adding Image to the progress bar

I am using bootstrap progress bar and the progress bar as it is, is working fine. Now I want to add an image in front of the moving portion of the progress bar and I want that image to move as the bar progresses.

<div class="flex-well-container">
                        <div class="well well-lg" style="width:100%">
                            <div class="progress">
                                  <div class="progress-bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%;">
                                    60% 
                                  </div>
                                  <img src="../img/ProgressAvatar.png">
                            </div>

                        </div><!--end well-->

                       <button class="btn btn-default btn-lg btn-play"><strong>Play Now</strong></button>
</div><!--end flex-well-container-->

Following are the css classes that I am using

.progress{
    margin-bottom: 0px;
}
.flex-well-container{
    display: flex;
    width:100%;
}
/*set the radius of the well to zero*/
.well-lg{
    border-radius: 0;
}

enter image description here This is how I want my bar to look like

enter image description here this link shows what I am getting

How to resolve this issue.


ANSWERS:


You can make

.progress {
    position: relative;
}

.progress img {
    position: absolute;
}

and then set left: percentage - image width / 2


.progress {
  position: relative;
}

.progress img {
  position: absolute;
  left: calc(60% - 50px); // percentage - .5 x width of image
}

JSFiddle



 MORE:


 ? how to set Custom Progress bar in center?
 ? Exoplayer and ProgressBar
 ? How to add progress bar inside dplyr chain in R
 ? Change UserControl Visibility In MainWindow
 ? Load .npy file with np.load progress bar
 ? Event operating on control in parent form
 ? Show progress bar while webpack chunks load on Browser
 ? How to put method in Backgroundworker
 ? What is a NullPointerException, and how do I fix it?
 ? Why not showing progressBar in Android Studio?