body,html{font-size:12px;}
.plan_bg{width:125px; height:9px; float:left; background:#dfe8ed; display:block}
.plan{width:60%; background:#007dc6;height:9px;}
.plan_wz{float:left; font-size:12px; width:50px; line-height:15px; text-indent:8px;}
<html>
<head>
<title>问卷调查</title>
<link href="plan_style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<span>
<div class="plan_bg">
<div id="plan_js" class="plan" style="width:20%"></div>
</div>
<span class="plan_wz">20%</span>
<span>
</body>
</html>
以下是已经做好的静态进度条例子。。。