el-progress进度条一端加一个团

在Ant Design Vue (ADV) 的 `el-progress` 组件中，如果你想在一端添加一个圆形的“完成”或“团”，通常可以使用自定义图标或者通过一些CSS技巧来模拟。然而，`el-progress` 的设计本身并不直接支持这种定制样式。你可以尝试以下几个步骤：

1. **使用自定义span标签**：
创建一个包含圆点或图标的小`<span>`元素，并将其放置在`el-progress` 的右侧。设置`position: absolute`并调整其宽度、高度以及左边缘距离。

<template>
  <div>
    <el-progress :percentage="progressPercent"></el-progress>
    <span class="circle-indicator" :style="{left: '100% - 20px'}"></span>
  </div>
</template>

<style scoped>
.circle-indicator {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ccc;
  position: absolute;
  top: calc(50% - 10px);
  left: auto; /* 或者根据需要动态计算 */
}
</style>

2. **使用SVG图标**：
如果需要更复杂的设计，你可以引入一个SVG图标作为圆点。将SVG嵌入到`<template>`里，并使用相同的定位策略。

3. **CSS伪元素**：
利用`:before`或`:after`伪元素也能实现类似的效果，不过这通常适用于简单的形状。

如果你希望保持组件的原生风格并且不想修改组件源码，上述方法可能会受到一些限制。在实际应用中，如果需要这样的功能，可能需要考虑是否定制或扩展该组件库。