背景直條圖 CSS3

by ericx1023

HTML

<div>
    
</div>

CSS

div {
    width: 200px;
    
    height: 200px;
    background: linear-gradient(#fb3 50%, 
        #58a 0);
    -webkit-background-size: 100% 30px;
    background-size: 100% 30px;
}