Thanks again for all the previous help. I have some progress bar code that works successfully. It shows the percentage of upload and the progess bar moving while uploading. However, the percentage display is on top of the bar, I’d like it to be on the left of the bar, on the same horizontal line. But can’t seem to do it. Here’s the current code
“`
#progress-bar {
height: 20px;
width:98%;
border: 0.25vw solid #f5f5f5;
position: relative;
display: flex;
align-items: center;
justify-content: center;
margin:0.25vw auto;
}
#progress-bar .bar {
width: 0;
height: 100%;
background-color: #da6a63;
position: absolute;
top: 0;
left: 0;
}
#progress-text{
color: red;
font-weight: 800;
}
and the html:
“`
<span id=”progress-text”></span>
<div id=”progress-bar”>
<div class=”bar”></div>
</div>
any guidance is appreciated