如何将进度条剥离到最大100％？

Question

我在此代码中遇到进度条问题：

<div style='width: 100%;' class='serverlist_progress ipsBadge ipsBadge_small ipsBadge_neutral ipsResponsive_hideTablet ipsResponsive_hidePhone'>
    <div class='serverlist_progress-bar' style='width: {$allServerStats['amount_fill_servers']}; background: #3498db'></div>
    <div class='ipsType_center' style='position: absolute; width: 100%;'>
        {lang="sl_fill_servers"}: {$allServerStats['amount_fill_servers']}
    </div>
</div>

有时我的服务器显示超过100％的进度条。

如何将其剥离至最高100％？

Answer 1

您使用position: absolute而width: 100%不会为您提供所需的100％。您需要将absolute更改为relative。我认为你的定位会在那之后被打破，所以你需要纠正现有的风格。