在使用 Element UI 的 el-progress 组件时，如果你想自定义进度百分比的字体颜色，可以通过使用插槽（slot）来实现自定义内容，然后通过 CSS 样式来改变字体颜色。

步骤如下：

1. 使用 slot 来自定义显示内容: 默认情况下，进度百分比的数字是直接显示的，但是你可以通过插槽来自定义这部分内容。

2. 添加 CSS 来改变字体颜色: 自定义插槽内容后，你可以添加CSS样式来指定你想要的字体颜色。

示例

下面是一个基本的例子，展示如何通过插槽自定义进度条中间的文字并改变颜色：

<template>
  <el-progress :percentage="50" :stroke-width="18">
    <span slot="format" style="color: red; font-size: 16px;">50%</span>
  </el-progress>
</template>

在这个例子中，:percentage="50" 表示进度百分比，插槽 slot="format" 被用来自定义进度条中间的内容。在插槽中，我们放了一个 span 标签，并通过内联样式 style="color: red; font-size: 16px;" 来设置字体颜色和大小。

注意

确保你的主题或者其他样式不会覆盖你设置的CSS样式。如果发现样式没有生效，可以尝试增加CSS选择器的特异性或使用 !important 来确保样式的应用。

通过这种方式，你可以灵活地设置 el-progress 进度条中的文字颜色及其他样式。

在Element UI中，设置el-progress组件进度百分比的字体颜色可以通过以下步骤实现：

1. 首先，确保你的el-progress组件已经包含了text-inside属性，这样百分比才会显示在进度条内部。
2. 然后，使用CSS选择器.el-progress__text .el-progress__percentage来指定进度百分比的字体颜色。例如，如果你想将字体颜色设置为白色，可以添加如下CSS代码：

.el-progress__text .el-progress__percentage {
  color: white;
}

3. 将上述CSS代码添加到你的样式表中，确保它在el-progress组件的样式之后加载，以便覆盖默认样式。

此外，根据搜索结果，有一篇CSDN博客文章提供了一个示例，展示了如何通过行内style样式动态给整个progress赋颜色，并在样式里给进度条文字单独设置颜色。你可以参考这篇文章来实现更复杂的样式定制：ElementUI之el-progress动态修改进度条里面文本颜色与进度条色块统一。

请注意，Element UI的版本可能会影响具体的实现方式，所以如果你使用的是特定版本，建议查看相应版本的官方文档或社区讨论。