两张图片切换比例虚拟进度条

===================jsp循环列表==========================  

 <% int i = 0;%>
  <c:forEach items="${projectDetailsList}" var="ProjectDetails">
  <tr class="tdlist">
    <td class="xmmc">

<span class="left xmmc_ico"><img src="${pageContext.request.contextPath }/resources/images/danbao_pic.jpg" /> 

<span class="left"></span>

${ProjectDetails.projectName}</span>

</td>
    <td class="nhsyl"> <fmt:formatNumber value=" ${ProjectDetails.annualFee *100 }" pattern="0.00"/>%</td>
    <td class="jer"><fmt:formatNumber value="${ProjectDetails.money}" pattern="￥#,#00.#"/></td>
    <td class="qx"> ${ProjectDetails.month}个月</td>
    <td class="dbf"><img src="${imageDomain }${ProjectDetails.imgUrl}" height="16" width="16">${ProjectDetails.assuranceShortName}</td>
    <td class="jd">

<!--列表进度条-->

<div id="progress<%=i %>" class="ind_jdt_all">
    <div id="firstProgress<%=i %>" class="ind_jdt_t"  ></div>  
    <div id="secondProgress<%=i++ %>" class="ind_jdt_b" ></div> 
</div><span class="sm_f"><fmt:formatNumber value="${ProjectDetails.alreadyInvested*100}" pattern="0.00"/>%</span>

 <!--列表进度条-->

</td>

=================================================================================

js   循环列表图片比例显示

<script type="text/javascript">
<% int j = 0;%>
<c:forEach items="${projectDetailsList}" var="ProjectDetails">
$("#progress<%=j%>").width(100);
$("#firstProgress<%=j%>").width("${ProjectDetails.alreadyInvested*100}");
$("#secondProgress<%=j%>").width(100-"${ProjectDetails.alreadyInvested*100}");
$("#progress<%=j%>").height(10);
$("#firstProgress<%=j%>").height(10);
$("#secondProgress<%=j++%>").height(10);
</c:forEach>
</script>