如何修复 Blazor/Razor 警告：属性值中出现意外字符序列

Question

在我们的 Blazor-App 中，我们希望通过style-attribute 和一个绑定来应用 htmle 元素的宽度：

<div class="progress-bar" style="width: @Progress%;"></div>

@code {

    [Parameter]
    public int Progress { get; set; }
}

问题：Visual Studio 向我显示警告：“属性值中出现意外的字符序列”

此警告没有 CL... 或 BL... 代码。

问题：修复此警告的优雅方法是什么？

Answer 1

我现在找到了一个可能的解决方案，基于 Henk Holterman 的回答，不再显示警告：

<div class="progress-bar" style="width: @($"{Progress}%");"></div>  

Answer 2

Blazor 有时需要一些帮助才能找到 C#/HTML 边框。@(...)通常可以达到目的。

<div class="progress-bar" style="width: @(Progress)%;"></div>