PROGRESS BAR

bom dia, estou usando bootstrap para fazer meu front End, o problema e que meu progress bar fica na mesma proporção,  exe: tenho 3 progress bar na tela os 3 ficam iguais! estando em 0 ou 50%

como poderia corrigir isso?

segue código abaixo...

<style>
 .teste{
 width: <?php echo $porc ?>;
 }
 </style>
 <div class="container">
 <div class="col-lg-12">
 <div class="panel panel-green">
 <div class="panel-heading">
 Progresso Desenvolvimento Maquina <?php echo $serie ?>
 </div>
 <div class="panel-body">
 <div class="col-lg-12">
 <p>Maquina <?php echo $serie ?> - <?php echo $grupo ?></p>
 <div class="container-fluid">
 <div class="progress">
 <div class="progress-bar progress-bar" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" style="width:100%">
 100% - <?php echo $tempo_padrao ?> Horas
 </div>
 </div>
 </div>
 <div class="container-fluid">
 <div class="progress">
 <div class="teste progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="100" aria-valuemin="0" aria-valuemax="100" >
 <?php echo $porc_p; ?>%
 </div>
 <?php echo number_format($total / 100, 2, '.', '')
 //echo $total / 100; ?>Horas
 </div>
 </div>
 </div>
 </div>
 <div class="panel-footer -align-center">
 <button class="btn btn-md btn-warning" >Informação</button>
 Data de Entrega : <?php echo $data_f;?>
 </div>
 <!-- /.col-lg-4 -->
 </div>
 </div>
 </div>