jquery或js判断class属性

Question

---------40%----------------
基本信息     OK
教育背景     OK
工作经历     OK
IT技能       OK最上面是个进度条，下面是几个项目，如果下面的项目都是OK的 话  怎么自动就增加进度的数字和长度。现在已经知道哪些是OK  通过class=“true”设置的，   怎么判断呢？？？要无刷新   比如基本信息显示OK     那么就增加进度条，否则就减少，默认是40%  

Answer 1

用个 进度条的 插件
后台判断 是否Ok 
然后ajax 给前台 值

Answer 2

 <style>
 .true {color:green; font-weight:bold}
 </style>
 <TABLE id="probar" width="100px" cellpadding="0" cellspacing="0" border="0" style="border:1px solid gray">
 <TR>
 </TR>
 </TABLE>
  <div id="perdiv" style="width:100px; text-align:center">0%</div>
  <TABLE id="msgtab">
  <TR>
<TD>基本信息</TD><TD class="true">OK</TD>
  </TR>
  <TR>
<TD>教育背景</TD><TD class="true">OK</TD>
  </TR>
  <TR>
<TD>工作经历</TD><TD class="false"></TD>
  </TR>
  <TR>
<TD>IT技能</TD><TD class="true">OK</TD>
  </TR>
  </TABLE>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
var msgtab = document.getElementById("msgtab");
var probar = document.getElementById("probar");
var perdiv = document.getElementById("perdiv");
var num=0;
for (var i=0; i<msgtab.rows.length; i++)
{
if(msgtab.rows[i].cells[1].className=="true") {
var newC = probar.rows[0].insertCell();
newC.style.height = "5px";
newC.width = 100/msgtab.rows.length +"%";
newC.style.backgroundColor = "green";
}
else num++;
}
perdiv.innerHTML = (msgtab.rows.length-num)*100/msgtab.rows.length + "%";
for (var i=0; i<num; i++)
{
var newC = probar.rows[0].insertCell();
newC.style.height = "5px";
newC.width = 100/msgtab.rows.length +"%";
}
  //-->
  </SCRIPT>