django中使用easyui进度条

要在 Django 中使用 EasyUI 进度条，可以按照以下步骤操作：

1. 在 HTML 中引入 EasyUI 的 CSS 和 JavaScript 文件：

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-easyui/1.9.7/themes/default/easyui.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-easyui/1.9.7/themes/icon.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easyui/1.9.7/jquery.easyui.min.js"></script>

2. 在 HTML 中添加进度条元素，如下所示：

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

3. 在 JavaScript 中使用 EasyUI 的 progressbar 组件来显示进度条，如下所示：

$('#progress').progressbar({
  value: 0,
  text: '0%',
  width: '100%',
  height: 20
});

$.ajax({
  url: '/your/url/',
  type: 'POST',
  dataType: 'json',
  beforeSend: function() {
    $('#progress').progressbar('setValue', 0);
    $('#progress').progressbar('setText', '0%');
  },
  data: {
    // your data here
  },
  success: function(data) {
    // your success callback here
  },
  error: function() {
    // your error callback here
  },
  xhr: function() {
    var xhr = $.ajaxSettings.xhr();
    xhr.onprogress = function(e) {
      if (e.lengthComputable) {
        var percent = Math.round((e.loaded / e.total) * 100);
        $('#progress').progressbar('setValue', percent);
        $('#progress').progressbar('setText', percent + '%');
      }
    };
    return xhr;
  }
});

这段代码会在 Ajax 请求开始时显示进度条，请求发送时将进度条百分比设置为 0%，请求进行时根据进度更新进度条百分比，请求完成时将进度条百分比设置为 100%。注意，这里的 `/your/url/` 需要替换为实际的请求地址。