Если максимальный вес есть отдельно в VM, то получается такой вот код:
<ItemsControl ItemsSource="{Binding Items}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<Grid Margin="2.5">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<TextBlock Padding="5"
Text="{Binding Name}"/>
<TextBlock Grid.Column="1"
Padding="5"
Text="{Binding Weight}"/>
<ProgressBar Grid.ColumnSpan="2" Panel.ZIndex="-1"
Background="Transparent" Foreground="LightGreen"
Value="{Binding Weight}" BorderThickness="0"
Maximum="{Binding DataContext.MaxWeight,
RelativeSource={RelativeSource FindAncestor,
AncestorType=ItemsControl}}"/>
</Grid>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
На Windows 7 выглядит так:

Если хотите, чтобы стиль был один и тот же, проще всего таки приспособить прямоугольник. Для этого концептуально проще всего использовать конвертер.
Например, так. Ширина прямоугольника равна доступной ширине грида, умноженной на отношение Weight
к MaxWeight
. Оформляем это в виде конвертера.
class ProportionConverter : IMultiValueConverter
{
public object Convert(object[] values, Type t, object p, CultureInfo ci) =>
(double)values[0] / (double)values[1] * (double)values[2];
public object[] ConvertBack(object value, Type[] tt, object p, CultureInfo ci) =>
throw new NotSupportedException();
}
И оформляем такую разметку:
<ItemsControl ItemsSource="{Binding Items}">
<ItemsControl.Resources>
<local:ProportionConverter x:Key="ProportionConverter"/>
</ItemsControl.Resources>
<ItemsControl.ItemTemplate>
<DataTemplate>
<Grid Margin="2.5" Name="ContainerGrid">
<Grid.ColumnDefinitions>
<ColumnDefinition/>
<ColumnDefinition Width="Auto"/>
</Grid.ColumnDefinitions>
<TextBlock Padding="5"
Text="{Binding Name}"/>
<TextBlock Grid.Column="1"
Padding="5"
Text="{Binding Weight}"/>
<Rectangle Grid.ColumnSpan="2" Panel.ZIndex="-1"
Fill="LightGreen" HorizontalAlignment="Left">
<Rectangle.Width>
<MultiBinding Converter="{StaticResource ProportionConverter}">
<Binding Path="Weight"/>
<Binding Path="DataContext.MaxWeight"
RelativeSource="{RelativeSource FindAncestor,
AncestorType=ItemsControl}"/>
<Binding Path="ActualWidth" ElementName="ContainerGrid"/>
</MultiBinding>
</Rectangle.Width>
</Rectangle>
</Grid>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
Результат:

Для эстетов, которые не хотят плодить конвертеры, можно извратиться, и реализовать деление при помощи двух трансформаций, причём одну из них нужно обратить. Вот так:
<Grid Grid.ColumnSpan="2" Panel.ZIndex="-1"
RenderTransformOrigin="0,0.5" x:Name="HelperGrid">
<Grid.Tag>
<ScaleTransform
ScaleX="{Binding DataContext.MaxWeight,
RelativeSource={RelativeSource FindAncestor, AncestorType=ItemsControl}}"
ScaleY="1"/>
</Grid.Tag>
<Grid.RenderTransform>
<ScaleTransform ScaleX="{Binding Weight}" ScaleY="1"/>
</Grid.RenderTransform>
<Rectangle Fill="LightGreen" RenderTransformOrigin="0,0.5"
RenderTransform="{Binding Tag.Inverse, ElementName=HelperGrid}"/>
</Grid>
Картинка получается та же.
Ещё один вариант, который предложил в комментариях @Pavel Mayorov:
<Viewbox Stretch="Fill" Grid.ColumnSpan="2" Panel.ZIndex="-1">
<Grid Width="{Binding DataContext.MaxWeight,
RelativeSource={RelativeSource FindAncestor, AncestorType=ItemsControl}}"
Height="1">
<Rectangle Width="{Binding Weight}" HorizontalAlignment="Left"
Fill="LightGreen"/>
</Grid>
</Viewbox>
(Я пробовал ещё варианты с GradientBrush
и RenderTransform
через конвертер, они тоже работают.)
Items
, но как учесть ширину тогда...