进度条在其他浏览器中可见，但在 Firefox 中不可见

Question

当我将文件上传到我的服务器时，我正在尝试实现一个进度条（带有引导程序）。 Chrome 或 Edge 等其他浏览器确实会显示进度条，但 Firefox 不会。 这是我的代码：

 <div class="progress">
 <div id="progress-bar" class="progress-bar progress-bar-striped bg-success" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
 </div>

<script>
    function startUpload() {
        var progressBar = document.getElementById('progress-bar');
        progressBar.style.width = '0%';

        var form = document.getElementById('upload-form');
        var formData = new FormData(form);

        var xhr = new XMLHttpRequest();
        xhr.open('POST', "{{ url_for('daten') }}");
        xhr.upload.addEventListener('progress', function(event) {
            if (event.lengthComputable) {
            var percent = (event.loaded / event.total) * 100;
            progressBar.style.width = percent + '%';
            }
        });

        xhr.send(formData);
        }
</script>

Answer 1