Tengo que hacer este grafico en html, donde el valor que tiene la columna "NIVEL" sera el tamaño del grafico:
Para simular el grafico, lo intenté pintando un dentro de cada celda, pero se ven los bordes de las columnas.
Alguien tiene una idea de como poder realizar el grafico y que se vea como en la primera imagen? Muchas gracias.
Parte del codigo de la tabla lo tengo así:
<table>
<tbody>
<tr>
<td rowspan="2"><strong>NIVEL</strong></td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
<td>4</td>
<td>5</td>
</tr>
<tr>
<td></td>
<td><div class="graficoAmarillo"></div></td>
<td><div class="graficoAmarillo"></div></td>
<td><div class="graficoAmarillo"></div></td>
</tr>
</tbody>
</table>
td
coloreadas conborder:none;
y luegobackground:yellow;