css 简单进度条

<script>
      var progress_id = "loading";
function SetProgress(progress) {
if (progress) {
$("#" + progress_id + " > div").css("width",String(progress) + "%"); //控制#loading div宽度
$("#" + progress_id + " > div").html(String(progress) + "%"); //显示百分比
}
}
var i = 0;
function doProgress() {
if (i > 100) {
$("#message").html("恭喜您，歌曲上传成功！谢谢您对九酷的支持！").fadeIn("slow");//加载完毕提示
return;
}
if (i <= 100) {
setTimeout("doProgress()",100);
SetProgress(i);
i++;
}
}
$(document).ready(function() {
doProgress();
});
      </script>


<div id="message"></div>
<div id="loading"><div></div></div>


 <style>
#loading{ background:#cccccc; width:243px; height:12px;  -moz-border-radius: 15px; /* Gecko browsers */-webkit-border-radius: 15px;   /* Webkit browsers */ border-radius:15px;  /* W3C syntax */}
#loading div{ background:#ff5b00;width:1px; line-height:12px;height:12px; text-align:right;-moz-border-radius: 15px; /* Gecko browsers */-webkit-border-radius: 15px;   /* Webkit browsers */ border-radius:15px;  /* W3C syntax */}