Use a plotting tool to make a gradient length. It looks nice (width: 187px; Height: 15px)
The original assumption is that when 12%, the image is displayed from left to 12%, and the remaining 88% is not displayed, but it does not cover an area (It looks similar to the 1px image bottom ). at noon, I caught a class. it is unlikely that the domain name is not occupied.
To hide the remaining percentage of an image, first think about scoring. A picture is used in both the Light and the Dark, half of the total Image Height. I wrote:
<Div style = "Background: URL (...) 12% left; width: 187px; Height: 15px;"> </div>
From 10% to 100% in sequence, the effect is not displayed. For <span> </span>, the content must be included in the box.
I did not write it out last night. I did not find the Class 4 gradient after Google in the afternoon, 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
Now we get this:
<textarea id="runcode49805"></textarea> Xmlns = "http://www.w3.org/1999/xhtml">
-
55%
-
55%
-
55%
-
55%
-
65%
-
75%
-
85%
-
95%
-
100%