PROGRESS BAR

[emersonandree 1]

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>

 

[snowstormdelivery 19]

Não entendi direito. Me explica mais?

[rafael.souza 0]

Amigo, você esta usando só a parte css do progress bar do bootstrap, precisa implementar algo em js para ir atualizando o progresso de acordo com o que ele acontece.

 

caso seja algo estático, você precisa no progress bar passar o valor percentual equivalente a cada um deles.

[emersonandree 1]

17 horas atrás, Joao_Lucaas disse:

Não entendi direito. Me explica mais?

amigo, consegui resolver depois de pensar bastante! eu estava passando o valor do progress dentro de um Style{}... coloquei o valor direto no width:""; e funcionou.

amigo, consegui resolver depois de pensar bastante! eu estava passando o valor do progress dentro de um Style{}... coloquei o valor direto no width:""; e funcionou.

5 horas atrás, rafael.souza disse:

Amigo, você esta usando só a parte css do progress bar do bootstrap, precisa implementar algo em js para ir atualizando o progresso de acordo com o que ele acontece.

 

caso seja algo estático, você precisa no progress bar passar o valor percentual equivalente a cada um deles.

amigo, consegui resolver depois de pensar bastante! eu estava passando o valor do progress dentro de um Style{}... coloquei o valor direto no width:""; e funcionou.