How to fix Blazor/Razor warning: Unexpected character sequence in property value

user_2427359 0
Viewed 445

In our Blazor-App we want to apply the width of an htmle-element by the style-attribute and an binding:

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

@code {

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

Problem: Visual Studio shows me an warning: "Unexpected character sequence in property value"

enter image description here

This warning has no CL... or BL... code.

Question: What is an elegant way to fix this warning?

blazor-webassembly blazor razor
2 Answers

I found a possible solution now, based on Henk Holterman´s answer which not shows the warning any more:

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

Blazor sometimes needs a little help to find the C#/HTML border. @(...) usually does the trick.

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