$.ajax显示进度条

要在使用$.ajax发送请求时显示进度条，你可以使用jQuery的ajax事件回调函数来实现。下面是一个简单的示例：

首先，你需要有一个用于显示进度条的HTML元素，可以是一个<div>或者其他适合的元素。例如，你可以在页面上创建一个<div>元素，并为其指定一个ID，如下所示：

<div id="progress-bar"></div>

然后，在你的JavaScript代码中，你可以使用ajaxStart和ajaxStop事件来显示和隐藏进度条。例如：

$(document).ajaxStart(function() {
  // 在发送请求前显示进度条
  $('#progress-bar').show();
});

$(document).ajaxStop(function() {
  // 请求完成后隐藏进度条
  $('#progress-bar').hide();
});

接下来，你可以使用$.ajax发送请求，并在其中添加其他的参数和回调函数。例如：

$.ajax({
  url: 'your-url',
  type: 'GET',
  dataType: 'json',
  success: function(response) {
    // 请求成功的回调函数
    console.log(response);
  },
  error: function(xhr, status, error) {
    // 请求失败的回调函数
    console.log(error);
  }
});

当你发送这个请求时，进度条会在请求开始时显示，并在请求完成后隐藏。

请注意，这只是一个简单的示例，你可以根据自己的需求自定义进度条的样式和行为。