jquery-进度条

Posted 2021-03-14 fmaj7

function process_bar(s_date, e_date, data) {
    $(‘.modal-body‘).text(‘你选择的时期范围是：‘ + s_date + ‘到‘ + e_date);
    $(‘#myModalLabel‘).text(‘请确认时间范围！‘);

    $(‘#confirm-btn‘).click(function () {
        $(‘#myModalLabel‘).text(‘请稍等...‘);
        $(‘.modal-footer‘).css(‘display‘, ‘none‘);
        $(‘.modal-body‘).html(‘<div id="process" class="progress">
‘ +
            ‘                                <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45"
‘ +
            ‘                                     aria-valuemin="0" aria-valuemax="100" style="width: 45%">
‘ +
            ‘                                    <span class="sr-only">45% Complete</span>
‘ +
            ‘                                </div>
‘ +
            ‘                            </div>‘);
        $.ajax({
            url: ‘/flowmgr/analysisdata‘,
            method: ‘post‘,
            data: data,
            dataType: ‘json‘,
            processData: false,
            contentType: false
        }).success(function (data) {
            if (data[‘code‘] === 10000) {
                window.location.href = ‘/flowmgr/analysisdata‘
            } else {
                alert(data[‘msg‘])
            }
        })

    });

}