Sooraj Abbasi Sooraj Abbasi - 11 days ago 6
PHP Question

How to change the value of a Bootstrap progress bar using PHP

How can we change the value of Bootstrap progress bar by using PHP variables?
Here is my code so far:

<?php
$total_prize=360000;
$paid_amount=160000;
echo "
<div class='progress'>
<div class='progress-bar progress-bar-success' role='progressbar' aria-valuenow='$paid_amount' aria-valuemin='0' aria-valuemax='$total_prize' style='width:$paid_amount%;'>
</div>
</div>
";
?>

Answer

Try this,

$total_prize=360000;
$paid_amount=260000;
$width = round(($paid_amount/$total_prize)*100,2);

echo '<div class="progress">
  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="'.$width.'"
  aria-valuemin="0" aria-valuemax="'.$total_prize.'" style="width:'.$width.'%">
    '.$width.'% Complete 
  </div>
</div>';