如何显示从ML工具包下载的模型进度

<div id="progress-bar" style="width: 100%; height: 20px; background-color: #f2f2f2;">
  <div id="progress" style="width: 0%; height: 100%; background-color: #3498db;"></div>
</div>

// 后端代码示例（使用Python Flask框架）
from flask import Flask, jsonify

app = Flask(__name__)

@app.route('/progress')
def get_progress():
    # 获取下载进度信息的逻辑
    progress = 50  # 示例进度为50%
    
    return jsonify(progress=progress)

app.run()

// 前端代码示例（使用JavaScript）
function updateProgress() {
  // 向后端获取下载进度信息
  fetch('/progress')
    .then(response => response.json())
    .then(data => {
      const progress = data.progress;
      
      // 更新进度条的宽度
      const progressBar = document.getElementById('progress');
      progressBar.style.width = `${progress}%`;
      
      // 循环调用更新进度的函数，直到下载完成
      if (progress < 100) {
        setTimeout(updateProgress, 1000);  // 每秒更新一次进度
      }
    });
}

updateProgress();