Sooraj Abbasi Sooraj Abbasi - 10 months ago 64
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>';