帮我写一个django框架下的动态进度条显示函数

好的，以下是一个简单的动态进度条显示函数：

from django.http import HttpResponse
import json

def progress(request):
    data = {
        'progress': 0  # 初始进度为0
    }
    response = HttpResponse(json.dumps(data), content_type='application/json')
    response['Cache-Control'] = 'no-cache'  # 防止缓存
    response.streaming = True
    response.write('\n')
    for i in range(1, 101):
        data['progress'] = i  # 更新进度
        response.write('data: {0}\n\n'.format(json.dumps(data)))
        response.flush()  # 刷新缓冲区，使数据立即发送到客户端
        import time
        time.sleep(0.1)  # 模拟处理过程，每0.1秒更新一次进度
    return response

在上述代码中，我们定义了一个 `progress` 视图函数，该函数返回一个JSON格式的响应，其中包含一个 `progress` 字段表示当前进度。然后我们使用 Server-Sent Events 技术（即服务器推送事件）来实现动态刷新进度条。

具体来说，我们设置响应的 `content_type` 为 `application/json`，并将其 `streaming` 属性设置为 `True`，以告诉浏览器该响应是一个流式响应。然后我们在响应中依次发送每个进度值，并在每个 JSON 数据后面加上一个空行，以满足 Server-Sent Events 的格式要求。最后，我们使用 `flush()` 方法刷新响应缓冲区，以使数据立即发送到客户端。

在前端页面中，我们可以使用 JavaScript 来监听这个进度条视图的响应，并更新页面上的进度条。具体实现方式可以参考以下代码：

var source = new EventSource('/progress');

source.onmessage = function(event) {
    var data = JSON.parse(event.data);
    var progress = data.progress;
    // 更新进度条的显示
    // ...
};

在上述代码中，我们使用 `EventSource` 对象来监听 `/progress` 这个视图函数的响应。每当有新的 JSON 数据到达时，`onmessage` 回调函数就会执行，我们可以从事件对象中获取到新的进度值，然后更新页面上的进度条显示。

注意：为了使 Server-Sent Events 技术正常工作，你需要使用支持该技术的浏览器，比如 Chrome、Firefox 等。如果你使用的是 Internet Explorer 或 Edge 等不支持该技术的浏览器，则无法正常显示进度条。