進入網(wǎng)站的加載進度條        css代碼：
　　1            .percent{
　　2                height:12px;
　　3                width:150px;
　　4                background-color: #fff;
　　5                border: 1px #ddd solid;
　　6            }
　　7            .inner{
　　8                height:12px;
　　9                width:100px;
　　10                background-color: #00CC00;
　　11            }          js代碼如下:
　　  　　  　　1 var PercentBar=function(){  　　2  　　3            }  　　4            PercentBar.prototype={  　　5                /**  　　6                  *這是一個百分比顯示條,可以顯示現(xiàn)在的數(shù)值狀況,而且有三種顏色,不同的值的時候有不同的顏色,平滑變化  　　7                  */  　　8                value:0,  　　9                inner_ele:null,  　　10                outer_ele:null,  　　11                text_ele:null,  　　12                init:function(config){  　　13                    this.options={  　　14                        color_arr:["#FF4A4A","#FFFF4A","#3FDB3F"],//三種顏色,分別表示低中高三種狀態(tài)  　　15                        text_arr:["網(wǎng)絡信號差","網(wǎng)絡信號一般","網(wǎng)絡信號好"],  　　16                        back_color:"#fff",//背景顏色  　　17                        width:150,  　　18                        height:12,  　　19                        border_color:"#ddd",  　　20                        container_id:"percent",  　　21                        id:"percentbar",//生成的結構的id  　　22                        max_value:150  　　23                    }  　　24                    mixin(this.options,config);  　　25                    this.createHtml();  　　26                },  　　27                createHtml:function(){  　　28  　　29                    var outer=document.createElement("div");  　　30                    outer.id=this.options.id;  　　31                    var inner=document.createElement("div");  　　32                    inner.style.height=this.options.height+"px",  　　33                    inner.style.width="0px",  　　34                    inner.style.backgroundColor=this.options.color_arr[0]  　　35                    outer.appendChild(inner);  　　36                    this.inner_ele=inner;  　　37                    Dom.get(this.options.container_id).appendChild(outer);  　　38                    outer.style.height=this.options.height+"px",  　　39                    outer.style.width=this.options.width+"px",  　　40                    outer.style.backgroundColor=this.options.back_color,  　　41                    outer.style.border= "1px "+this.options.border_color+" solid"  　　42                    this.outer_ele=outer;  　　43                    var text=document.createElement("div");  　　44                    text.style.height=(this.options.height+10)+"px",  　　45                    text.style.width=this.options.width+"px",  　　46                    text