Progress Bar Dynamic Bootstrap MySQL

Question

Progress Bar Dynamic Bootstrap MySQL

Navigation

#1 by (1 votes)

2

Good day forum, a help to generate a ProgressBar Dinámico with data extracted from a query mysql .

Progress Bar

    <?php 
            foreach($clientes as $cliente):
            $id = $cliente->identificador;

            $q = (SolicitudData::getGrafics($id));
                foreach($q as $p):
    ?>


    <div class="progress-group">
        <span class="progress-text"> &nbsp;</span>
        <span class="progress-number"><?php echo "<b>".$id."</b>"; ?> <b>|</b> <?php if($p->cliente_id != null){echo $p->getIdentificador()->razon;} ?></span>
            <div class="progress">
               <div id="progress-ser" class="progress-bar progress-bar-nuby progress-bar-striped active" style="width:0%"><?php echo $p->svr; ?></div>
           </div>
    </div>


    <?php 
        endforeach;
    endforeach;

?>

So far I have the following result.

Now I only require that my progress bar be dynamic according to the data obtained from my database in percentage, I have been verifying apparently it should be used js to be dynamic, someone can give me a idea. Greetings

mysql javascript php bootstrap

asked by Ever 22.12.2017 в 19:21

source

1 answer

Display data without repeating Show available rooms according to two dates entered (ranges)

score 1 · Accepted Answer

<div class="progress">
    <?php 
    $valorMin = 0;
    $valorMax = 250;
    $valorObtenido = 88;
    ?>
    <div class="progress-bar progress-bar-nuby progress-bar-striped active" role="progressbar" aria-valuenow="<?php echo $valorObtenido; ?>" aria-valuemin="<?php echo $valorMin; ?>" aria-valuemax="<?php echo $valorMax; ?>" style="width: <?php echo ($valorObtenido*100)/$valorMax; ?>%">
        <span class="sr-only"><?php echo $valorObtenido; ?></span>
    </div>
</div>