antdv使用upload组件上传文件怎么加进度条，我需要上传文件的显示进度条，上传完成后结束进度条，用vue3实现一下

您可以通过监听上传事件来获得上传的进度，并将进度条的值设置为上传进度的百分比。以下是一个示例代码：

<template>
  <div>
    <a-upload
      :before-upload="handleBeforeUpload"
      :on-progress="handleUploadProgress"
      :on-success="handleUploadSuccess"
    >
      <a-button>
        <a-icon type="upload" /> Click to Upload
      </a-button>
    </a-upload>
    <a-progress v-if="showProgress" :percent="uploadPercent" :status="uploadStatus" />
  </div>
</template>

<script>
import { ref } from 'vue';
import { message } from 'ant-design-vue';

export default {
  setup() {
    const showProgress = ref(false);
    const uploadPercent = ref(0);
    const uploadStatus = ref('active');

    const handleBeforeUpload = () => {
      showProgress.value = true;
    };

    const handleUploadProgress = (e) => {
      uploadPercent.value = Math.floor((e.loaded / e.total) * 100);
    };

    const handleUploadSuccess = () => {
      uploadStatus.value = 'success';
      message.success('Upload successfully!');
      setTimeout(() => {
        showProgress.value = false;
        uploadPercent.value = 0;
        uploadStatus.value = 'active';
      }, 1000);
    };

    return {
      showProgress,
      uploadPercent,
      uploadStatus,
      handleBeforeUpload,
      handleUploadProgress,
      handleUploadSuccess,
    };
  },
};
</script>

这个示例使用了Ant Design Vue的Upload和Progress组件，监听了上传事件，并在上传过程中更新进度条的值。上传完成后，将进度条的状态设置为成功，并在一秒后隐藏进度条，并将进度条的值重置为0。