2016-11-13 3 views
0

私はこのコードでプログレスバーに問題がある:進捗バーを最大100%までストリップするにはどうすればよいですか?

<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%までストリップできますか?あなたがposition: absolutewidth: 100%を使用

Image

+1

パディングやボーダーやマージンと幅を混在させないでください。それを確認してください。 –

+0

パーセントを計算するPHPを追加します。 – chris85

答えて

0

あなたが必要なものではないことが100%を提供します。 absoluterelativeに変更する必要があります。その後、あなたのポジショニングは壊れてしまうので、既存のスタイルを修正する必要があります。

関連する問題