How to make Bootstrap's progressbar label permanently visible?

Question

css

There is a standard Bootstrap 5.1 progressbar:

<div class='progress'>
            <div class='progress-bar progress-bar-striped progress-bar-animated' role='progressbar' aria-valuenow='0' aria-valuemin='0' aria-valuemax='100' style='width: 0%' id='progress'>Ваш прогресс 0%</div>
            </div>

The essence of the problem is that the label of the progressbar is not visible until the progressbar is at least partially filled.
How can I make the label visible regardless of whether the progressbar is full?

Answer 1