Не стоит делать прогрессбар, ты потом намучаешься с ним.
Попробуй такой код:
<style>
body {
background: rgb(18, 18, 18);
color:white;
}
.progress {
width: 100%;
height: 10px;
background: white;
}
.progress .bar {
width: 100%;
height: 10px;
background: linear-gradient(to right, rgb(223, 89, 80), rgb(69, 16, 70));
}
.progress .bar .value {
width: 0%;
height: 10px;
background:white;
float:right;
}
.min {
color:gray;
margin: 3px;
float: left;
}
.max {
margin: 3px;
color: gray;
float:right;
}
</style>
<body>
<div class="progress">
<div id="bar" class="bar">
<div id="val" class="value">
</div>
</div>
</div>
<div class="min">0</div>
<div class="max">1 000 000₽</div>
<br>
</body>
<script>
function progress(val) {
document.getElementById('val').style.width = (100-val) + "%";
}
progress(70)
</script>