Sooraj Abbasi Sooraj Abbasi - 11 days ago 5
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

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>'; 
Comments