垫子进度条内的文本采用有角度的材料

Question

在 mat-progress-bar 中，我必须显示进度条内的文本，而不是值任何其他百分比。任何人都可以帮助在进度条内显示文本吗？

<mat-progress-bar mode="determinate" class="progress-bar" [color]="color " [value]="progress" ></mat-progress-bar>

Answer 1

您需要手动创建它，因为它在 Material 2.x 中不可用

解决办法：
可以将<md-progress-spinner>a放在里面<div>，再<div>在里面再添加一个，来显示文字并手动调整位置。

<div>
<md-progress-spinner [color]="color" 
                     [mode]="mode" 
                     [value]="value" aria-label="Rating" 
                     mode="determinate">
</md-progress-spinner>
<div style="position:relative; top: -60px; left: 30px;">
    {{ showText }}
</div>

我希望它能解决您的疑问。

工作示例：这可以帮助你，我只在SO上找到