如何在Django中发送文件上传进度%？

# views.py
from django.http import JsonResponse

def upload_file(request):
    if request.method == 'POST' and request.FILES.get('file'):
        file = request.FILES['file']
        total_size = file.size
        uploaded_size = 0

        with open('path/to/save/file', 'wb+') as destination:
            for chunk in file.chunks():
                destination.write(chunk)
                uploaded_size += len(chunk)
                progress = int(uploaded_size / total_size * 100)

                # 返回上传进度给前端
                response_data = {'progress': progress}
                return JsonResponse(response_data)

    return JsonResponse({'error': '文件上传失败'})

# template.html
<script>
    function uploadFile() {
        var fileInput = document.getElementById('file-input');
        var file = fileInput.files[0];
        var xhr = new XMLHttpRequest();

        xhr.upload.addEventListener('progress', function(e) {
            if (e.lengthComputable) {
                var progress = Math.round((e.loaded / e.total) * 100);
                // 更新进度条的显示
                document.getElementById('progress-bar').style.width = progress + '%';
            }
        });

        xhr.open('POST', '/upload/', true);
        var formData = new FormData();
        formData.append('file', file);
        xhr.send(formData);
    }
</script>

<form>
    <input type="file" id="file-input">
    <button type="button" onclick="uploadFile()">上传</button>
</form>

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