Прогрес бар... не мога да обясня точно

[pr0_gamer]

Здравейте! Значи интересува ме как се прави прогрес бар ( не знам дали изобщо така се нарича... ). Ето какво имам предвид:

Примерно енергията ми е 150/300 и имам картинка progress.gif и искам да ми се показва по следния начин:

▓▓▓▓▓█████

Надявам се да сте ме разбрали... Плътно запълненото да е оставащата енергия до 0, а другото да е изразхдената. И как да направя там, където не се показва тоя progress.gif да се вижда друг фон ?

Благодаря на всеки отзовал се! :?:

 

[shashma88]

Е утф, въпроса ти не е за тук. Това се прави с цсс като взимаш процентите 150/300 колко процента са 150 от 300, и го пишеш на width.

 

[Pavkatar]

Eто така го направи

<style>
.bar{
background: #2c2c2c;
height: 20px;
}
</style>

<?php
$my = 150;
$from = 300;


$width = ceil(($my/$from)*100);
?>
<div class='bar' style='width:<?php echo $width;?>%'></div>

Не съм го тествал но трябва да работи като на $my и $from си ги заместваш с твойте стойности

 

[pr0_gamer]

Мерси, получи се! :?: