information-system/application/third_party/updatetrain/views/updatestation.php

<div class="col-sm-5 well">
</div>
<div class="col-sm-18">
    <div class="panel panel-default">
        <div class="panel-heading">更新国内火车站点信息</div>
        <div class="panel-body">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="table table-striped">
                <tr>
                    <td width="120">&nbsp;</td>
                    <td width="300">
                    <div class="progress">
                        <div id="pros" class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
                        </div>
                    </div>

                        <div class="form_submit">
                            <button type="button" class="btn btn-success" id="trigger_ajax">开始更新(12306)</button>
                        </div>
                    </td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td>&nbsp;</td>
                    <td id="msg_1">请等待:当前进度:<span>0%</span></td>
                    <td>&nbsp;</td>
                </tr>
                <tr>
                    <td colspan="3" id="msg_1a"></td>
                </tr>
            </table>
        </div>
    </div>
</div>
<script type="text/javascript">
    var trigger = document.getElementById("trigger_ajax");
    trigger.onclick = function(){
        var xhr = new XMLHttpRequest();
        xhr.onprogress = function(event){
            if(event.lengthComputable){
                var loaded = parseInt(event.loaded/event.total*100)+"%";
                $('#pros').width(loaded);
                $('#pros').text(loaded);
            }
        }
        xhr.open("post", "/info.php/thirdparty/updatetrain/updatestation/test/", true);
        xhr.send(null);
    }

</script>