div+css进度条

.info-2-jd {
    margin-top: 30px;
}

.info-2-jd-span-1 {
    font-size: 16px;
    color: #878686;
    height: 16px;
    line-height: 16px;
    float: left;
    margin-left: 35px;
}

.info-2-jd-span-2 {
    width: 100px;
    height: 12px;
    text-align: left;
    float: left;
    margin-top: 2px;
    margin-right: 4px;
    background: #EEEEF4 none repeat scroll 0% 0%;
}

.info-2-jd-span-3 {
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    float: left;
    color: #23A2DE;
}

<div class="info-2-jd-span-1">投资进度：</div>

<div class="info-2-jd-span-2">
         <div class="jd-div-num" style="width: 0%;" id="loading${id}"></div>
</div>
<div class="info-2-jd-span-3" id="loadingNum${id}">0%</div>   

SetProgress1("loading"+id,"loadingNum"+id,progress.toFixed(1));

<script type="text/javascript">

function SetProgress1(progress_id,num_id, progress) {
            if (progress) {
                $("#" + progress_id).css("width", progress + "%"); //控制#loading div宽度
                $("#" + num_id).text(progress+"%"); //控制#loading div宽度
            }
        }

</script>