CSS Gradient Statistical Column Chart_Experience Exchange

Use the drawing tool to make a gradient length. It will look better (width: 187px; height 15px)
The original idea is that when 12%, the picture is displayed from the left to the 12% position, and the remaining 88 % is not displayed, but it does not occupy an area (it looks no different from the bottom of the 1px image). In the afternoon, I went to search for a group of people and found that it is impossible to not occupy an area.
To hide the remaining percentage of the image, first think of it I used one image for light and dark, each accounting for half of the total height of the image. I wrote:

In order from 10% to 100%, no effect is seen. Change to . This is OK but there must be content in the box.
I didn’t write it out last night. I googled it this afternoon. I couldn't find a type 4 gradient either. But I got inspiration from one of the examples.
URL: http://apples-to-oranges.com/blog/post/css-for-bar-graphs/?id= 55
in: Complex CSS Bar Graph
Got this right away:

Brothers who have the same needs can refer to it