从SQL加载数据时如何在JQuery数据表中显示进度条

Question

我使用JQuery数据表1.10.12从SQL加载数据，以显示在JQuery数据表中。我不使用服务器端，它需要5-6秒左右的时间将数据加载到JQuery数据表中。有什么办法我可以添加进度条或处理.消息，而页完全加载。

JS

  $(document).ready(function() {
    $.ajax({
      //  asmx service to retrive the  data from server side
      url: '<%= ResolveUrl("ABCD.asmx/GetDetails")%>',
      method: 'post',
      dataType: 'json',
      success: function(data) {
        $('#example2').DataTable({
          searchHighlight: true,
          lengthChange: false,
          search: {
            smart: false
          },
          language: {
            searchPlaceholder: "Search records"
          },
          data: data,
          'columns': [{
            'data': 'FId',
            'visible': false
          }, {
            'data': 'FirmName',
            'render': function(data, type, row, meta) {
              var idc = row['FId'];
              return '<a target="_blank"         href="Firms.aspx?type=f&id=' + idc + '">' + data + '</a>';
            }
          }, {
            'data': 'ABC',
            'sortable': false
          }, {
            'data': 'DEF',
            'sortable': false
          }, {
            'data': 'GHI',
            'sortable': false
          }, {
            'data': 'City'
          }, {
            'data': 'Country'
          }, ]
        });
      }
    });
  });

Answer 1

在名为beforeSend的ajax事件中追加html进度条，让我们以每秒10%的速度来伪造动画。然后在成功完成动画(拖到100%)，并分离它。