Progress bar grid bind problem

[LucaCris]

I need to display a bar for a "priority" column:

The priority can be modified with a dialog.

If I write this code:

    <GridColumn TItem="QueueItem" HeaderText="Priority" PropertyName="Priority" >
        <Tooltip Title="@context.Priority.ToString()" Placement="TooltipPlacement.Left">
            <Progress>
                <ProgressBar Width="context.Priority" Type="ProgressType.Striped" Color="ProgressColor.Secondary" />
            </Progress>
        </Tooltip>
    </GridColumn>

...on Priority change the tooltip is automatically updated, but Width is ignored (same problem for Color). They remains as before change.

The workaround I found is a little verbose:

    <GridColumn TItem="QueueItem" HeaderText="Priority" PropertyName="Priority" >
        <Tooltip Title="@context.Priority.ToString()" Placement="TooltipPlacement.Left">
            <Progress>
                <ProgressBar Style="@ProgressPriFor(context.Priority)" Type="ProgressType.Striped" Class="@ProgressColFor(context.Priority)" />
            </Progress>
        </Tooltip>
    </GridColumn>
	
    string ProgressPriFor(int pri) => $"width: {pri}%";
    string ProgressColFor(int pri)
    {
        if (pri < 34)
            return "bg-secondary";
        if (pri < 67)
            return "bg-warning";
        return "bg-success";
    }

Is it possible to bind correctly Width and Color props?

(it happens also in modals, if a progress bar is displayed)

[gvreddy04]

Changes pushed to master. This will be released in v1.8.3.