ajax 异步加载加载动画

1.当数据恢复后台代码处理量较大时，希望前台能够有个提示或者动画，让用户知道后台在运转，让用户体验好点

$.ajax({
   url: '${ctx}/admin/course/sysAllContainerToCourse.json',
   data: param,
   type: 'post',
   dataType: 'json',
   beforeSend: function () {
         $("body").append('<div id="load" style="position:fixed;top:30%;z-index:1200;background:url(/static/admin/images/loading.gif) top center no-repeat;width:100%;height:140px;margin:auto auto;"></div>');
        },
   complete: function () {
         $("#load").remove();
   },
   success:function(result){
         $("#load").remove();
         dialogFun('提示信息', result.message, 5, window.location.href);
   },
   error:function(){
       $("#load").remove();
   }
});

2.效果图如下，内部的效果自己控制哈：

3.图片如图（动图）