Estou com um problema, tenho a seguinte tabela:
<div class="table-responsive">
<table class="table table-hover table-bordered table-striped" id="tabela_formatada">
<thead>
<tr>
<th id="tab3"><b> </b></th>
<th id="tab3"><b>D-1</b></th>
<th id="tab3"><b>W</b></th>
<th id="tab3"><b>M</b></th>
<th id="tab4"><b>M-1</b></th>
</tr>
</thead>
<tbody>
<tr>
<td id="tab99"><b>% Seguros</b></td>
<td id="tab0"><b><?php echo $dados['Primeiras_Compras_Mes_Anterior'];?></b></td>
<td id="tab0"><b><?php echo $dados['Primeiras_Compras'];?></b></td>
<td id="tab12"><b><?php echo $dados['Seguros'];?></b></td>
<td id="tab0"><b><?php echo $dados['remuneracao'];?></b></td>
</tr>
</tbody>
</table>
</div>
Estou utilizando o bootstrap e o código está funcionando perfeitamente, porém, gostaria de adicionar uma formatação condicional nos valores das variáveis da tabela.
Por exemplo:
se o valor for <= 50%, pinte de vermelho;
se o valor for > 50% and valor for <= 80%, pinte de amarelo
else, pinte de verde.
Já tentei de diversas formas, utilizando javascript, tentei com php mas ainda não domino muito bem a linguagem e não estou conseguindo avançar. Poderiam me ajudar?