socialforge/app/views/projects/dts_dep.html.erb

<div class="project_r_h">
  <h2 class="project_h22"><%= l(:label_project_dts_new) %></h2>
</div>

<!--JS进度条-->
<style type="text/css">
    #out{}
    #in{width:10px; height:20px;background:#15BCCF;color:white;text-align:center;}
    #font_color{background:yellow;text-align:center;color:white;}
    td.redBox {border:1px solid #b0b0b0; width:80px; background-color:#EAEAEA; }
    td.redBox2 {border:1px solid #b0b0b0; width:120px;  }
</style>
<div style="padding-left: 200px;">
  <div id='out'>
    <p style="padding-left: 100px;padding-bottom: 10px;font-size: 14px;">代码上传分析中...</p>
    <div style="width:300px;height:20px;background:#EEE;">
      <div id="in" style="width:1%">1%</div>
      <div>
        <script type="text/javascript">
            i=0;
            $(function(){
                ba=setInterval("begin()",70);//setInterval 返回的是一个全局变量，一个间隔数值.这个数值是表示调用setInterval的次数
            });
            function begin()
            {
                i+=1;
                if(i<=100)
                {
                    document.getElementById("in").style.width=i+"%";
                    document.getElementById("in").innerHTML=i+"%";}
                else
                {
                    clearInterval(ba);
                    $("#show_content_div").show();
                    $("#out").hide();
//                document.getElementById("out").style.display="none";
//                document.write("<span style='background:yellow;text-align:center;color:white;'>Successs!</span>");
                }
            }

        </script>
      </div>
    </div>
  </div>
</div>

<div id="show_content_div" style="display: none;padding-top: 0px;">
  <p class="fr f14 "  style="padding-right: 32px;padding-bottom: 10px;">语言：<span style="color: red">Java</span>  总文件数：<span style="color: red">361</span>  代码行数：<span style="color: red">48662</span></p>

    <% @dts.each do |dt| %>
      <div style="padding-left: 35px;padding-top: 10px;">
        <table width="600" border="0" style="padding-left: 30px;padding-top: 100px; border-spacing:0; border-collapse:collapse; border: 1px solid #b0b0b0;">
          <tr>
            <td align="center" class="redBox">错误变量</td>
            <td class="redBox2"> &nbsp;<%= dt.Variable %></td>
            <td align="center" class="redBox">起始行</td>
            <td class="redBox2"> &nbsp;<%= dt.StartLine %></td>
            <td align="center" class="redBox">IP行</td>
            <td class="redBox2"> &nbsp;<%= dt.IPLine %></td>
          </tr>
          <tr>
            <td align="center" class="redBox">缺陷代码</td>
            <td colspan="5" class="redBox2"> &nbsp;<%= dt.IPLineCode %></td>
          </tr>
          <tr>
            <td align="center" class="redBox">错误描述</td>
            <td colspan="5" class="redBox2">&nbsp;<%= dt.Description %></td>
          </tr>
          <tr>
            <td align="center" class="redBox">文件</td>
            <td colspan="5" class="redBox2"> &nbsp;<%= dt.File %></td>
          </tr>
        </table>
      </div>
    <% end %>

</div>