Css 向静态进度条添加百分比文本

Ionic进度条的标题栏没有显示百分比文本的选项

我尝试在选择器之后使用

：：手动添加它，但没有效果

这是我的爱奥尼亚密码：


离子进度条{
高度：18px；
边界半径：20px；
}

---

我认为我试图实现的是不可能的，因为这是对阴影dom的直接操作。 基于此，关于阴影dom有一些关键点：

• 不能使用CSS选择器从web组件外部为web组件的任何内部元素设置样式
• 如果正在使用CSS4变量，则可以设置web组件内部元素的样式，因为可以更改CSS4变量的值
• 您可以从web组件外部为web组件内部（即提供给web组件的内容）设置有槽内容的样式
• 您可以从web组件外部设置web组件的宿主元素（即用于将web组件添加到页面的元素）的样式

由于没有css4变量或属性允许我们向进度条添加文本值，因此我别无选择，只能使用：

。外部进程{
宽度：96%；
利润率：10px2%；
填充：3倍；
文本对齐：居中；
背景色：#F4；
边框：1px实心#DCDC；
颜色：#fff；
边界半径：20px；
}
.内部进展{
最小宽度：15%；
宽度：90%；
空白：nowrap；
溢出：隐藏；
填充物：5px；
边界半径：20px；
背景色：var（--离子原色）；
}

90%