CSS打造超炫进度条、柱状图

代码
 1 
                .graph 
{
 

 2 
                    position
:
 relative
;
 

 3 
                    width
:
 200px
;
 

 4 
                    border
:
 1px solid #B1D632
;
 

 5 
                    padding
:
 2px
;
 

 6 
                    margin-bottom
:
 .5em
;
                    

 7 
                
}


 8 
                .graph .bar 
{
 

 9 
                    display
:
 block
;
    

10 
                    position
:
 relative
;


11 
                    background
:
 #B1D632
;
 

12 
                    text-align
:
 center
;
 

13 
                    color
:
 #333
;
 

14 
                    height
:
 2em
;
 

15 
                    line-height
:
 2em
;
                                    

16 
                
}


17 
                .graph .bar span 
{
 position
:
 absolute
;
 left
:
 1em
;
 
}