CSS进度条显示

  1. <html>  
  2. <head>  
  3. <style type="text/css">  
  4. .schedule{    
  5. background: url(http://assets.dj10.net/images/chrome/proportion.gif)  repeat-x scroll left center transparent;    
  6. width:80px;   
  7. height: 11px;   
  8. font-size:0;   
  9.   
  10. }   
  11. .mine{   
  12.  background: url(http://assets.dj10.net/images/chrome/proportion.gif) repeat-x scroll left bottom transparent;   
  13.  width: 50%; /*进度条控制*/   
  14. height: 11px;   
  15.   
  16. }   
  17.   
  18.   
  19. </style>  
  20. </head>  
  21.   
  22. <body>  
  23.   <div class="schedule">  
  24.      <span class="mine"></span>  
  25.   </div>  
  26. </body>  
  27.   
  28. </html> 
posted @ 2011-09-22 22:39  星月磊子  阅读(262)  评论(0)  编辑  收藏  举报