Carta Lajur Statistik Gradien CSS Pertukaran Pengalaman

Gunakan alat lukisan untuk membuat panjang kecerunan Ia akan kelihatan lebih baik (lebar: 187px; ketinggian 15px)
Idea asalnya ialah apabila 12%, imej dipaparkan dari kiri ke kedudukan 12%, dan baki 88 % tidak dipaparkan, tetapi ia tidak menduduki kawasan (ia kelihatan tidak berbeza dari bahagian bawah imej 1px, saya pergi mencarinya pada sebelah petang dan mendapati mustahil untuk tidak menduduki kawasan). .
Untuk menyembunyikan baki peratusan imej, mula-mula fikirkan saya menggunakan satu imej untuk terang dan gelap, setiap satu menyumbang separuh daripada jumlah ketinggian imej yang saya tulis:

berturut-turut daripada 10% hingga 100%, jika kesannya tidak kelihatan, tukar kepada < span> Ini OK, tetapi mesti ada kandungan dalam kotak
Saya tidak menulisnya malam tadi dan tidak menemui sebarang kecerunan jenis 4 inspirasi daripada salah satu contoh
URL: http://apples-to-oranges.com/blog/post /css-for-bar-graphs/?id=55
dalam: Graf Bar CSS Kompleks
Saya segera mendapat ini: