如何显示firebase存储文件上传进度

<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/9.0.2/firebase-storage.js"></script>

// 初始化Firebase
const firebaseConfig = {
  // 在这里填写你的Firebase配置信息
};

firebase.initializeApp(firebaseConfig);

// 创建存储引用
const storageRef = firebase.storage().ref();

// 选择要上传的文件
const file = document.getElementById('fileInput').files[0];

// 创建上传任务
const uploadTask = storageRef.child('images/' + file.name).put(file);

// 监听上传进度
uploadTask.on('state_changed', 
  (snapshot) => {
    // 获取上传进度
    const progress = (snapshot.bytesTransferred / snapshot.totalBytes) * 100;
    console.log('上传进度：' + progress + '%');
  },
  (error) => {
    // 处理上传错误
    console.log('上传错误：' + error);
  },
  () => {
    // 上传完成
    console.log('上传完成');
  }
);