ant-design-vue 上传文件增加自定义进度条

<div class="ant-upload-list-item-info">

                        <span class="ant-upload-span">

                            <div

                                :class="[

                                    'ant-upload-text-icon',

                                    isMathFileExtName(file.name, ['pdf']) && 'pdf',

                                    isMathFileExtName(file.name, ['png', 'jpg', 'jpeg', 'gif']) && 'pic',

                                    isMathFileExtName(file.name, ['doc', 'docx']) && 'doc',

                                    isMathFileExtName(file.name, ['xls', 'xlsx']) && 'xls',

                                    isMathFileExtName(file.name, ['mp4']) && 'mp4',

                                    isMathFileExtName(file.name, ['zip', 'rar']) && 'ysb'

                                ]"

                            ></div>

                            <div class="file-wrap">

                                <span class="file-name" @click="onFilePreview(file)">{{

                                    removeTimestamp(file.name)

                                }}</span>

                                <div class="file-actions">

                                    <close-outlined size="16" @click="actions.remove" v-if="!isView" />

                                </div>

                            </div>

                        </span>

                        <Progress :percent="+file.percent" :strokeWidth="1" class="file-progress" v-if="file.percent" />///////////////////////进度条

                    </div>