How to implement a vertical chart in css like in the picture?

Question

css

There is a calculator for calculating the cost, as a result, the sum and two columns are obtained. Now they are made as a picture with a parameter changing to js height, but the picture stretches, everything is ugly, etc.
How to implement such columns in css - with a shadow, rounding and volume?

Answer 1

https://jsfiddle.net/v808x2v0/2/
as an option, you just need to play around with colors and a gradient)