Официальный документ Foundation показывает использование индикатора выполнения с текстом . Однако текст находится внутри заполненной части и прерывается, когда индикатор выполнения заполнен на 0% ( пример ).
<div class="progress" role="progressbar" tabindex="0" aria-valuenow="25" aria-valuemin="0" aria-valuetext="25 percent" aria-valuemax="100">
<span class="progress-meter" style="width: 0%">
<p class="progress-meter-text">the text is broken here</p>
</span>
</div>
Можно ли в любом случае поместить текст в центр всего индикатора выполнения вместо заполненной части?