网站制作进度条的CSS样式

以下是CSS样式，使用Dreamweaver编辑很一目了然。

<STYLE type=text/css>
BODY {
 BACKGROUND: #333; MARGIN: 200px 0px
}
#content {
 MARGIN: auto; WIDTH: 700px
}
#content H1 {
 FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN-BOTTOM: 10px; COLOR: #31b8da; TEXT-ALIGN: center
}
#load {
 BORDER-RIGHT: #222 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #000 1px solid; PADDING-LEFT: 1px; BACKGROUND: #2c2c2c; PADDING-BOTTOM: 1px; BORDER-LEFT: #000 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #222 1px solid
}
#load SPAN {
 DISPLAY: block; BACKGROUND: #31b8da; OVERFLOW: hidden; WIDTH: 40%; HEIGHT: 3px
}
</STYLE>

以下是放到的位置，就可以使用CSS来建立个进度条，比较适合网站进度，最近在使用，哈哈，感谢香水大哥啦，我拿来主义啦

<DIV id=content>
<H1>网站正在制作中</H1>
<DIV id=load><SPAN></SPAN></DIV></DIV>