first progress-button. lacking a demo.

Author: ButchersBoy

MainDemo.Wpf/Buttons.xaml.cs

@@ -13,6 +13,7 @@
 using System.Windows.Navigation;
 using System.Windows.Shapes;
 using MaterialDesignColors.WpfExample.Domain;
+using System.ComponentModel;
 
 namespace MaterialDesignColors.WpfExample
 {
@@ -61,4 +62,11 @@ private void CountingButton_OnClick(object sender, RoutedEventArgs e)
 
         }
     }
+
+    public class ButtonsViewModel : INotifyPropertyChanged
+    {
+
+
+        public event PropertyChangedEventHandler PropertyChanged;
+    }
 }

MaterialDesignThemes.Wpf/ButtonAssist.cs

@@ -0,0 +1,52 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Threading.Tasks;
+using System.Windows;
+using System.Windows.Controls;
+
+namespace MaterialDesignThemes.Wpf
+{
+    public static class ButtonAssist
+    {
+        public static readonly DependencyProperty MinimumProperty = DependencyProperty.RegisterAttached(
+            "Minimum", typeof(double), typeof(ButtonAssist), new FrameworkPropertyMetadata(default(double)));
+
+        public static void SetMinimum(DependencyObject element, double value)
+        {
+            element.SetValue(MinimumProperty, value);
+        }
+
+        public static double GetMinimum(DependencyObject element)
+        {
+            return (double)element.GetValue(MinimumProperty);
+        }
+
+        public static readonly DependencyProperty MaximumProperty = DependencyProperty.RegisterAttached(
+            "Maximum", typeof(double), typeof(ButtonAssist), new FrameworkPropertyMetadata(100.0));
+
+        public static void SetMaximum(DependencyObject element, double value)
+        {
+            element.SetValue(MaximumProperty, value);
+        }
+
+        public static double GetMaximum(DependencyObject element)
+        {
+            return (double)element.GetValue(MaximumProperty);
+        }
+
+        public static readonly DependencyProperty ValueProperty = DependencyProperty.RegisterAttached(
+            "Value", typeof(double), typeof(ButtonAssist), new FrameworkPropertyMetadata(default(double)));
+
+        public static void SetValue(DependencyObject element, double value)
+        {
+            element.SetValue(ValueProperty, value);
+        }
+
+        public static double GetValue(DependencyObject element)
+        {
+            return (double)element.GetValue(ValueProperty);
+        }
+    }
+}

MaterialDesignThemes.Wpf/Converters/RangeLengthConverter.cs

@@ -0,0 +1,33 @@
+using System;
+using System.Globalization;
+using System.Linq;
+using System.Windows.Data;
+
+namespace MaterialDesignThemes.Wpf.Converters
+{
+    public class RangeLengthConverter : IMultiValueConverter
+    {
+        public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
+        {
+            if (values == null || values.Length != 4 || values.Any(v => v == null))
+                return Binding.DoNothing;
+
+            if (!double.TryParse(values[0].ToString(), out double min)
+                || !double.TryParse(values[1].ToString(), out double max)
+                || !double.TryParse(values[2].ToString(), out double value)
+                || !double.TryParse(values[3].ToString(), out double containerLength))
+
+                return Binding.DoNothing;
+
+            var percent =  (value - min) / (max - min);
+            var length = percent * containerLength;
+
+            return length;
+        }
+
+        public object[] ConvertBack(object value, Type[] targetTypes, object parameter, CultureInfo culture)
+        {
+            throw new NotImplementedException();
+        }
+    }
+}

MaterialDesignThemes.Wpf/Converters/RangePositionConverterConverter.cs

@@ -12,13 +12,12 @@ public class RangePositionConverter : IMultiValueConverter
     {
         public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
         {
-            if(values == null || values.Length != 3 || values[0] == null || values[1] == null || values[2] == null)
+            if(values == null || values.Length != 3 || values.Any(v => v == null))
                 return Binding.DoNothing;
 
-            double positionAsScaleFactor, lower, upper;
-            if (!double.TryParse(values[0].ToString(), out positionAsScaleFactor)
-                || !double.TryParse(values[1].ToString(), out lower)
-                || !double.TryParse(values[2].ToString(), out upper))
+            if (!double.TryParse(values[0].ToString(), out double positionAsScaleFactor)
+                || !double.TryParse(values[1].ToString(), out double lower)
+                || !double.TryParse(values[2].ToString(), out double upper))
 
                 return Binding.DoNothing;
 

MaterialDesignThemes.Wpf/MaterialDesignThemes.Wpf.csproj

@@ -257,6 +257,7 @@
   </ItemGroup>
   <ItemGroup>
     <Compile Include="Badged.cs" />
+    <Compile Include="ButtonAssist.cs" />
     <Compile Include="Card.cs" />
     <Compile Include="Chip.cs" />
     <Compile Include="Clock.cs" />
@@ -280,6 +281,7 @@
     <Compile Include="Converters\ClockItemIsCheckedConverter.cs" />
     <Compile Include="Converters\ClockLineConverter.cs" />
     <Compile Include="Converters\ListViewItemContainerStyleConverter.cs" />
+    <Compile Include="Converters\RangeLengthConverter.cs" />
     <Compile Include="Converters\RangePositionConverterConverter.cs" />
     <Compile Include="Converters\DrawerOffsetConverter.cs" />
     <Compile Include="Converters\EqualityToVisibilityConverter.cs" />

MaterialDesignThemes.Wpf/Themes/MaterialDesignTheme.Button.xaml

@@ -18,6 +18,8 @@
         </Setter>
     </Style>
 
+    <converters:RangeLengthConverter x:Key="RangeLengthConverter" />
+
     <SolidColorBrush x:Key="AttentionToActionBrush" Color="{StaticResource MaterialDesignShadow}" Opacity=".23" po:Freeze="True" />
 
     <Style x:Key="MaterialDesignRaisedButton" TargetType="{x:Type ButtonBase}">
@@ -40,12 +42,23 @@
                 <ControlTemplate TargetType="{x:Type ButtonBase}">
                     <Grid>
                         <AdornerDecorator CacheMode="{Binding RelativeSource={RelativeSource Self}, Path=(wpf:ShadowAssist.CacheMode)}">
-                            <Border Background="{TemplateBinding Background}" CornerRadius="2"
-                                    BorderThickness="{TemplateBinding BorderThickness}"
-                                    BorderBrush="{TemplateBinding BorderBrush}"
-                                    x:Name="border"
-                                    Effect="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ShadowAssist.ShadowDepth), Converter={x:Static converters:ShadowConverter.Instance}}">
-                            </Border>
+                            <Grid>
+                                <Border Background="{TemplateBinding Background}" CornerRadius="2"
+                                        BorderThickness="{TemplateBinding BorderThickness}"
+                                        BorderBrush="{TemplateBinding BorderBrush}"                                    
+                                        x:Name="border"
+                                        Effect="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(wpf:ShadowAssist.ShadowDepth), Converter={x:Static converters:ShadowConverter.Instance}}" />
+                                <Border HorizontalAlignment="Left" Background="{DynamicResource MaterialDesignBackground}" Opacity=".4">
+                                    <Border.Width>
+                                        <MultiBinding Converter="{StaticResource RangeLengthConverter}">
+                                            <Binding Path="wpf:ButtonAssist.Minumum" RelativeSource="{RelativeSource FindAncestor, AncestorType={x:Type ButtonBase}}" />
+                                            <Binding Path="wpf:ButtonAssist.Maximum" RelativeSource="{RelativeSource FindAncestor, AncestorType={x:Type ButtonBase}}" />
+                                            <Binding Path="wpf:ButtonAssist.Value" RelativeSource="{RelativeSource FindAncestor, AncestorType={x:Type ButtonBase}}" />
+                                            <Binding Path="ActualWidth" RelativeSource="{RelativeSource FindAncestor, AncestorType={x:Type ButtonBase}}" />
+                                        </MultiBinding>
+                                    </Border.Width>
+                                </Border>
+                            </Grid>
                         </AdornerDecorator>
                         <wpf:Ripple Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" Focusable="False"     
                                     HorizontalContentAlignment="{TemplateBinding HorizontalContentAlignment}"