Здравствуйте.
не получается сделать похожую реализацию как на картинке. Уровни цены получается сделать за счет
table , но используя тейбл нет возможности сделать плоски объема (
зеленые, красные справо налево).
Проблема: Когда добавляется элемент в полоску, то таблица его воспринимает как очередную ячейку и все смещается, даже если делать его
display: absolute. Величина полоски варьируется от объема 0 - 1, где 1 - 100%.
Пробовал делать через градиент, такое себе решение получалось. Ничего лучше не придумал.
Сами уровни сделать не сложно:
<!--Красные уровни-->
<table>
<tbody>
<tr>
<td>163</td>
<td>0.00324</td>
<td>50</td>
<td>50</td>
</tr>
</tbody>
<!--Центр-->
<tbody>
<tr>
<td>Spread, USDT</td>
<td>0.0001</td>
<td>0.31%</td>
</tr>
</tbody>
<!--Зеленые уровни-->
<tbody>
<tr>
<td>695</td>
<td>0.00323</td>
<td>215</td>
<td>215</td>
</tr>
</tbody>
</ table>
Средний
