JavaScript经验条

<script>
var IknowLevel=[0,100,500,1000,2500,5000,8000,12000,16000,20000,25000,35000,50000,80000,120000,180000,250000,400000];
function scoreRake(score){
    var len=IknowLevel.length;
    var i=getUserLevel(score);
    var min,max,rake;
    if(i==0)return 0;
    if(i>=len){return 100;}
    min=IknowLevel[i-1];
    max=IknowLevel[i];
    if(score>min&&score<=max)
        return (score-min)*100/(max-min);
    return 0;
}
function getUserLevel(score){
    for(i=0,l=IknowLevel.length;i<l;i++){
        if(score<=IknowLevel[i])break;
    }
    return i;
}
function scoreBar(score,scoreBarId,scoreDisplayId){
    document.write("<style>.bar{width:110px;height:7px;border:1px solid #53d242;}#scoreBar{background:#6c0;height:100%;width:0;font-size:0px;}</style>");
    var rake=scoreRake(score);
    G(scoreBarId).style.width=rake+"%";
    var level=getUserLevel(score);
    if(level>=18){level=17;needscore="";}else{needscore = "/"+IknowLevel[level];}
    if(score<0){needscore="";}

    G(scoreDisplayId).innerHTML=score+needscore;
}
function G(id){return document.getElementById(id);}
</script>


<div class="bar"><div id="scoreBar">&nbsp;</div></div>(<span id="scoreDisplay"></span>)

<script>scoreBar(30000,"scoreBar","scoreDisplay");</script>