Sooraj Abbasi Sooraj Abbasi - 1 year ago 109
HTML Question

How to change the vlaue of bootstrap progress bar using php

How can we change the value of bootstrap progress bar by using php variables.
Here is my code

<?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 Source

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>'; 
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download