diff --git a/example/lib/src/storybook/stories/linear_progress.dart b/example/lib/src/storybook/stories/linear_progress.dart
index 943f3282..b92a77fb 100644
--- a/example/lib/src/storybook/stories/linear_progress.dart
+++ b/example/lib/src/storybook/stories/linear_progress.dart
@@ -98,6 +98,16 @@ class LinearProgressStory extends StatelessWidget {
       description: "Show pin for LinearProgress",
     );
 
+    final showMinLabelKnob = context.knobs.boolean(
+      label: "showMinLabel",
+      description: "Show minLabel for LinearProgress",
+    );
+
+    final showMaxLabelKnob = context.knobs.boolean(
+      label: "showMaxLabel",
+      description: "Show maxLabel for LinearProgress",
+    );
+
     final showPinShadowKnob = context.knobs.boolean(
       label: "showPinShadow",
       description: "Show pin shadow for LinearProgress",
@@ -108,6 +118,13 @@ class LinearProgressStory extends StatelessWidget {
       child: Padding(
         padding: const EdgeInsets.symmetric(vertical: 64, horizontal: 16),
         child: MoonLinearProgress(
+          linearProgressSize: progressSizeKnob,
+          value: linearProgressValueKnob,
+          color: color,
+          backgroundColor: backgroundColor,
+          borderRadius: borderRadiusKnob != null ? BorderRadius.circular(borderRadiusKnob.toDouble()) : null,
+          showMinLabel: showMinLabelKnob,
+          showMaxLabel: showMaxLabelKnob,
           showPin: showPinKnob,
           pinStyle: PinStyle(
             pinColor: pinColor,
@@ -115,11 +132,6 @@ class LinearProgressStory extends StatelessWidget {
             thumbColor: thumbColor,
             showShadow: showPinShadowKnob,
           ),
-          value: linearProgressValueKnob,
-          linearProgressSize: progressSizeKnob,
-          color: color,
-          backgroundColor: backgroundColor,
-          borderRadius: borderRadiusKnob != null ? BorderRadius.circular(borderRadiusKnob.toDouble()) : null,
         ),
       ),
     );
diff --git a/lib/src/theme/progress/linear_progress/linear_progress_colors.dart b/lib/src/theme/progress/linear_progress/linear_progress_colors.dart
index 359808a6..0ce53061 100644
--- a/lib/src/theme/progress/linear_progress/linear_progress_colors.dart
+++ b/lib/src/theme/progress/linear_progress/linear_progress_colors.dart
@@ -11,19 +11,25 @@ class MoonLinearProgressColors extends ThemeExtension<MoonLinearProgressColors>
   /// Linear progress background color.
   final Color backgroundColor;
 
+  /// Linear progress minWidget and maxWidget text color.
+  final Color textColor;
+
   const MoonLinearProgressColors({
     required this.color,
     required this.backgroundColor,
+    required this.textColor,
   });
 
   @override
   MoonLinearProgressColors copyWith({
     Color? color,
     Color? backgroundColor,
+    Color? textColor,
   }) {
     return MoonLinearProgressColors(
       color: color ?? this.color,
       backgroundColor: backgroundColor ?? this.backgroundColor,
+      textColor: textColor ?? this.textColor,
     );
   }
 
@@ -34,6 +40,7 @@ class MoonLinearProgressColors extends ThemeExtension<MoonLinearProgressColors>
     return MoonLinearProgressColors(
       color: colorPremulLerp(color, other.color, t)!,
       backgroundColor: colorPremulLerp(backgroundColor, other.backgroundColor, t)!,
+      textColor: colorPremulLerp(textColor, other.textColor, t)!,
     );
   }
 
@@ -43,6 +50,7 @@ class MoonLinearProgressColors extends ThemeExtension<MoonLinearProgressColors>
     properties
       ..add(DiagnosticsProperty("type", "MoonLinearProgressColors"))
       ..add(ColorProperty("color", color))
-      ..add(ColorProperty("backgroundColor", backgroundColor));
+      ..add(ColorProperty("backgroundColor", backgroundColor))
+      ..add(ColorProperty("textColor", textColor));
   }
 }
diff --git a/lib/src/theme/progress/linear_progress/linear_progress_size_properties.dart b/lib/src/theme/progress/linear_progress/linear_progress_size_properties.dart
index 7d39c668..8991ee3c 100644
--- a/lib/src/theme/progress/linear_progress/linear_progress_size_properties.dart
+++ b/lib/src/theme/progress/linear_progress/linear_progress_size_properties.dart
@@ -12,19 +12,37 @@ class MoonLinearProgressSizeProperties extends ThemeExtension<MoonLinearProgress
   /// Linear progress height.
   final double progressHeight;
 
+  /// Linear progress thumb size value.
+  final double thumbSizeValue;
+
+  /// Linear progress gap between progress bar and minWidget or maxWidget.
+  final double verticalGap;
+
+  /// Linear progress minWidget and maxWidget text style.
+  final TextStyle textStyle;
+
   const MoonLinearProgressSizeProperties({
     required this.borderRadius,
     required this.progressHeight,
+    required this.thumbSizeValue,
+    required this.verticalGap,
+    required this.textStyle,
   });
 
   @override
   MoonLinearProgressSizeProperties copyWith({
     BorderRadiusGeometry? borderRadius,
     double? progressHeight,
+    double? thumbSizeValue,
+    double? verticalGap,
+    TextStyle? textStyle,
   }) {
     return MoonLinearProgressSizeProperties(
       borderRadius: borderRadius ?? this.borderRadius,
       progressHeight: progressHeight ?? this.progressHeight,
+      thumbSizeValue: thumbSizeValue ?? this.thumbSizeValue,
+      verticalGap: verticalGap ?? this.verticalGap,
+      textStyle: textStyle ?? this.textStyle,
     );
   }
 
@@ -35,6 +53,9 @@ class MoonLinearProgressSizeProperties extends ThemeExtension<MoonLinearProgress
     return MoonLinearProgressSizeProperties(
       borderRadius: BorderRadiusGeometry.lerp(borderRadius, other.borderRadius, t)!,
       progressHeight: lerpDouble(progressHeight, other.progressHeight, t)!,
+      thumbSizeValue: lerpDouble(thumbSizeValue, other.thumbSizeValue, t)!,
+      verticalGap: lerpDouble(verticalGap, other.verticalGap, t)!,
+      textStyle: TextStyle.lerp(textStyle, other.textStyle, t)!,
     );
   }
 
@@ -44,6 +65,9 @@ class MoonLinearProgressSizeProperties extends ThemeExtension<MoonLinearProgress
     properties
       ..add(DiagnosticsProperty("type", "MoonLinearProgressSizeProperties"))
       ..add(DiagnosticsProperty<BorderRadiusGeometry>("borderRadius", borderRadius))
-      ..add(DoubleProperty("progressHeight", progressHeight));
+      ..add(DoubleProperty("progressHeight", progressHeight))
+      ..add(DoubleProperty("thumbSizeValue", thumbSizeValue))
+      ..add(DoubleProperty("verticalGap", verticalGap))
+      ..add(DiagnosticsProperty<TextStyle>("textStyle", textStyle));
   }
 }
diff --git a/lib/src/theme/progress/linear_progress/linear_progress_sizes.dart b/lib/src/theme/progress/linear_progress/linear_progress_sizes.dart
index 69957e99..dc88fb31 100644
--- a/lib/src/theme/progress/linear_progress/linear_progress_sizes.dart
+++ b/lib/src/theme/progress/linear_progress/linear_progress_sizes.dart
@@ -35,26 +35,41 @@ class MoonLinearProgressSizes extends ThemeExtension<MoonLinearProgressSizes> wi
             MoonLinearProgressSizeProperties(
               borderRadius: tokens.borders.surfaceXs,
               progressHeight: tokens.sizes.x6s,
+              thumbSizeValue: tokens.sizes.x3s,
+              verticalGap: tokens.sizes.x4s,
+              textStyle: tokens.typography.caption.text10,
             ),
         x5s = x5s ??
             MoonLinearProgressSizeProperties(
               borderRadius: tokens.borders.surfaceXs,
               progressHeight: tokens.sizes.x5s,
+              thumbSizeValue: tokens.sizes.x3s,
+              verticalGap: tokens.sizes.x4s,
+              textStyle: tokens.typography.caption.text10,
             ),
         x4s = x4s ??
             MoonLinearProgressSizeProperties(
               borderRadius: tokens.borders.surfaceSm,
               progressHeight: tokens.sizes.x4s,
+              thumbSizeValue: tokens.sizes.x3s,
+              verticalGap: 6,
+              textStyle: tokens.typography.caption.text10,
             ),
         x3s = x3s ??
             MoonLinearProgressSizeProperties(
               borderRadius: tokens.borders.surfaceMd,
               progressHeight: tokens.sizes.x3s,
+              thumbSizeValue: tokens.sizes.x2s,
+              verticalGap: 6,
+              textStyle: tokens.typography.caption.text10,
             ),
         x2s = x2s ??
             MoonLinearProgressSizeProperties(
               borderRadius: tokens.borders.surfaceLg,
               progressHeight: tokens.sizes.x2s,
+              thumbSizeValue: tokens.sizes.x2s,
+              verticalGap: tokens.sizes.x5s,
+              textStyle: tokens.typography.caption.text10,
             );
 
   @override
diff --git a/lib/src/theme/progress/linear_progress/linear_progress_theme.dart b/lib/src/theme/progress/linear_progress/linear_progress_theme.dart
index f37ea160..568b9f23 100644
--- a/lib/src/theme/progress/linear_progress/linear_progress_theme.dart
+++ b/lib/src/theme/progress/linear_progress/linear_progress_theme.dart
@@ -24,6 +24,7 @@ class MoonLinearProgressTheme extends ThemeExtension<MoonLinearProgressTheme> wi
             MoonLinearProgressColors(
               color: tokens.colors.piccolo,
               backgroundColor: tokens.colors.beerus,
+              textColor: tokens.colors.textPrimary,
             ),
         sizes = sizes ?? MoonLinearProgressSizes(tokens: tokens);
 
diff --git a/lib/src/theme/progress_pin/progress_pin_properties.dart b/lib/src/theme/progress_pin/progress_pin_properties.dart
index 0ebacba0..118763ed 100644
--- a/lib/src/theme/progress_pin/progress_pin_properties.dart
+++ b/lib/src/theme/progress_pin/progress_pin_properties.dart
@@ -8,6 +8,12 @@ class MoonProgressPinProperties extends ThemeExtension<MoonProgressPinProperties
   /// Progress pin shadow elevation.
   final double shadowElevation;
 
+  /// Progress pin arrow height.
+  final double arrowHeight;
+
+  /// Progress pin arrow width.
+  final double arrowWidth;
+
   /// Vertical space between pin and linear progress.
   final double pinDistance;
 
@@ -17,36 +23,36 @@ class MoonProgressPinProperties extends ThemeExtension<MoonProgressPinProperties
   /// Progress pin border width.
   final double pinBorderWidth;
 
-  /// Thumb width multiplier for linear progress.
-  final double thumbWidthMultiplier;
-
   /// Progress pin text style.
   final TextStyle textStyle;
 
   const MoonProgressPinProperties({
     required this.shadowElevation,
+    required this.arrowHeight,
+    required this.arrowWidth,
     required this.pinDistance,
     required this.pinWidth,
     required this.pinBorderWidth,
-    required this.thumbWidthMultiplier,
     required this.textStyle,
   });
 
   @override
   MoonProgressPinProperties copyWith({
     double? shadowElevation,
+    double? arrowHeight,
+    double? arrowWidth,
     double? pinDistance,
     double? pinWidth,
     double? pinBorderWidth,
-    double? thumbWidthMultiplier,
     TextStyle? textStyle,
   }) {
     return MoonProgressPinProperties(
       shadowElevation: shadowElevation ?? this.shadowElevation,
+      arrowHeight: arrowHeight ?? this.arrowHeight,
+      arrowWidth: arrowWidth ?? this.arrowWidth,
       pinDistance: pinDistance ?? this.pinDistance,
       pinWidth: pinWidth ?? this.pinWidth,
       pinBorderWidth: pinBorderWidth ?? this.pinBorderWidth,
-      thumbWidthMultiplier: thumbWidthMultiplier ?? this.thumbWidthMultiplier,
       textStyle: textStyle ?? this.textStyle,
     );
   }
@@ -57,10 +63,11 @@ class MoonProgressPinProperties extends ThemeExtension<MoonProgressPinProperties
 
     return MoonProgressPinProperties(
       shadowElevation: lerpDouble(shadowElevation, other.shadowElevation, t)!,
+      arrowHeight: lerpDouble(arrowHeight, other.arrowHeight, t)!,
+      arrowWidth: lerpDouble(arrowWidth, other.arrowWidth, t)!,
       pinDistance: lerpDouble(pinDistance, other.pinDistance, t)!,
       pinWidth: lerpDouble(pinWidth, other.pinWidth, t)!,
       pinBorderWidth: lerpDouble(pinBorderWidth, other.pinBorderWidth, t)!,
-      thumbWidthMultiplier: lerpDouble(thumbWidthMultiplier, other.thumbWidthMultiplier, t)!,
       textStyle: TextStyle.lerp(textStyle, other.textStyle, t)!,
     );
   }
@@ -71,10 +78,11 @@ class MoonProgressPinProperties extends ThemeExtension<MoonProgressPinProperties
     properties
       ..add(DiagnosticsProperty("type", "MoonProgressPinProperties"))
       ..add(DoubleProperty("shadowElevation", shadowElevation))
+      ..add(DoubleProperty("arrowHeight", arrowHeight))
+      ..add(DoubleProperty("arrowWidth", arrowWidth))
       ..add(DoubleProperty("pinDistance", pinDistance))
       ..add(DoubleProperty("pinWidth", pinWidth))
       ..add(DoubleProperty("pinBorderWidth", pinBorderWidth))
-      ..add(DoubleProperty("thumbWidthMultiplier", thumbWidthMultiplier))
       ..add(DiagnosticsProperty<TextStyle>("textStyle", textStyle));
   }
 }
diff --git a/lib/src/theme/progress_pin/progress_pin_theme.dart b/lib/src/theme/progress_pin/progress_pin_theme.dart
index 27d4d445..635cd570 100644
--- a/lib/src/theme/progress_pin/progress_pin_theme.dart
+++ b/lib/src/theme/progress_pin/progress_pin_theme.dart
@@ -30,12 +30,13 @@ class MoonProgressPinTheme extends ThemeExtension<MoonProgressPinTheme> with Dia
             ),
         properties = properties ??
             MoonProgressPinProperties(
-              pinDistance: 6,
+              arrowHeight: 6,
+              arrowWidth: tokens.sizes.x4s,
+              pinDistance: tokens.sizes.x5s,
               pinWidth: 36,
-              pinBorderWidth: 2,
-              thumbWidthMultiplier: 1.5,
+              pinBorderWidth: tokens.sizes.x6s,
               shadowElevation: 6,
-              textStyle: tokens.typography.caption.text10.copyWith(letterSpacing: 0.5),
+              textStyle: tokens.typography.caption.text10,
             );
 
   @override
diff --git a/lib/src/widgets/common/progress_indicators/linear_progress_indicator.dart b/lib/src/widgets/common/progress_indicators/linear_progress_indicator.dart
index 7d3bddad..2b1e2e9c 100644
--- a/lib/src/widgets/common/progress_indicators/linear_progress_indicator.dart
+++ b/lib/src/widgets/common/progress_indicators/linear_progress_indicator.dart
@@ -5,7 +5,8 @@ import 'package:moon_design/src/widgets/common/progress_indicators/painters/line
 
 class MoonLinearProgressIndicator extends MoonBaseProgressIndicator {
   /// The border radius of the linear progress indicator.
-  final BorderRadiusGeometry borderRadius;
+  final BorderRadiusGeometry containerRadius;
+  final BorderRadiusGeometry progressRadius;
 
   /// The minimum height of the linear progress indicator.
   final double minHeight;
@@ -20,7 +21,8 @@ class MoonLinearProgressIndicator extends MoonBaseProgressIndicator {
     super.semanticsLabel,
     super.semanticsValue,
     this.minHeight = 4,
-    this.borderRadius = BorderRadius.zero,
+    this.containerRadius = BorderRadius.zero,
+    this.progressRadius = BorderRadius.zero,
   }) : assert(minHeight > 0);
 
   /// Color of the track being filled by the linear indicator.
@@ -65,7 +67,8 @@ class _MoonLinearProgressIndicatorState extends State<MoonLinearProgressIndicato
   }
 
   Widget buildStaticProgressIndicator(BuildContext context, double animationValue, TextDirection textDirection) {
-    final resolvedBorderRadius = widget.borderRadius.resolve(Directionality.of(context));
+    final resolvedContainerRadius = widget.containerRadius.resolve(Directionality.of(context));
+    final resolvedProgressRadius = widget.progressRadius.resolve(Directionality.of(context));
 
     return widget.buildSemanticsWrapper(
       context: context,
@@ -83,7 +86,8 @@ class _MoonLinearProgressIndicatorState extends State<MoonLinearProgressIndicato
               // may be null
               animationValue: animationValue,
               // ignored if widget.value is not null
-              borderRadius: resolvedBorderRadius,
+              containerRadius: resolvedContainerRadius,
+              progressRadius: resolvedProgressRadius,
               textDirection: textDirection,
             ),
           ),
diff --git a/lib/src/widgets/common/progress_indicators/painters/linear_progress_indicator_painter.dart b/lib/src/widgets/common/progress_indicators/painters/linear_progress_indicator_painter.dart
index 2bfb7732..8971e34b 100644
--- a/lib/src/widgets/common/progress_indicators/painters/linear_progress_indicator_painter.dart
+++ b/lib/src/widgets/common/progress_indicators/painters/linear_progress_indicator_painter.dart
@@ -37,7 +37,8 @@ class MoonLinearProgressIndicatorPainter extends CustomPainter {
   final Color valueColor;
   final double? value;
   final double animationValue;
-  final BorderRadius borderRadius;
+  final BorderRadius containerRadius;
+  final BorderRadius progressRadius;
   final TextDirection textDirection;
 
   const MoonLinearProgressIndicatorPainter({
@@ -45,7 +46,8 @@ class MoonLinearProgressIndicatorPainter extends CustomPainter {
     required this.valueColor,
     this.value,
     required this.animationValue,
-    required this.borderRadius,
+    required this.containerRadius,
+    required this.progressRadius,
     required this.textDirection,
   });
 
@@ -57,10 +59,10 @@ class MoonLinearProgressIndicatorPainter extends CustomPainter {
 
     final containerRect = RRect.fromRectAndCorners(
       Offset.zero & size,
-      topLeft: MoonSquircleRadius(cornerRadius: borderRadius.topLeft.x),
-      topRight: MoonSquircleRadius(cornerRadius: borderRadius.topRight.x),
-      bottomLeft: MoonSquircleRadius(cornerRadius: borderRadius.bottomLeft.x),
-      bottomRight: MoonSquircleRadius(cornerRadius: borderRadius.bottomRight.x),
+      topLeft: MoonSquircleRadius(cornerRadius: containerRadius.topLeft.x),
+      topRight: MoonSquircleRadius(cornerRadius: containerRadius.topRight.x),
+      bottomLeft: MoonSquircleRadius(cornerRadius: containerRadius.bottomLeft.x),
+      bottomRight: MoonSquircleRadius(cornerRadius: containerRadius.bottomRight.x),
     );
     canvas.drawRRect(containerRect, paint);
 
@@ -81,10 +83,10 @@ class MoonLinearProgressIndicatorPainter extends CustomPainter {
 
       final progressRect = RRect.fromRectAndCorners(
         Offset(left, 0.0) & Size(width, size.height),
-        topLeft: MoonSquircleRadius(cornerRadius: borderRadius.topLeft.x),
-        topRight: MoonSquircleRadius(cornerRadius: borderRadius.topRight.x),
-        bottomLeft: MoonSquircleRadius(cornerRadius: borderRadius.bottomLeft.x),
-        bottomRight: MoonSquircleRadius(cornerRadius: borderRadius.bottomRight.x),
+        topLeft: MoonSquircleRadius(cornerRadius: progressRadius.topLeft.x),
+        topRight: MoonSquircleRadius(cornerRadius: progressRadius.topRight.x),
+        bottomLeft: MoonSquircleRadius(cornerRadius: progressRadius.bottomLeft.x),
+        bottomRight: MoonSquircleRadius(cornerRadius: progressRadius.bottomRight.x),
       );
 
       // Clipping progressRect with containerRect
@@ -113,7 +115,8 @@ class MoonLinearProgressIndicatorPainter extends CustomPainter {
         oldPainter.valueColor != valueColor ||
         oldPainter.value != value ||
         oldPainter.animationValue != animationValue ||
-        oldPainter.borderRadius != borderRadius ||
+        oldPainter.containerRadius != containerRadius ||
+        oldPainter.progressRadius != progressRadius ||
         oldPainter.textDirection != textDirection;
   }
 }
diff --git a/lib/src/widgets/loaders/linear_loader.dart b/lib/src/widgets/loaders/linear_loader.dart
index b20ebaf0..da3af711 100644
--- a/lib/src/widgets/loaders/linear_loader.dart
+++ b/lib/src/widgets/loaders/linear_loader.dart
@@ -74,7 +74,8 @@ class MoonLinearLoader extends StatelessWidget {
     return MoonLinearProgressIndicator(
       color: effectiveColor,
       backgroundColor: effectiveBackgroundColor,
-      borderRadius: effectiveBorderRadius,
+      containerRadius: effectiveBorderRadius,
+      progressRadius: effectiveBorderRadius,
       minHeight: effectiveHeight,
     );
   }
diff --git a/lib/src/widgets/progress/linear_progress.dart b/lib/src/widgets/progress/linear_progress.dart
index 5debe8c8..8516e9fe 100644
--- a/lib/src/widgets/progress/linear_progress.dart
+++ b/lib/src/widgets/progress/linear_progress.dart
@@ -3,6 +3,7 @@ import 'package:flutter/material.dart';
 import 'package:moon_design/src/theme/progress/linear_progress/linear_progress_size_properties.dart';
 import 'package:moon_design/src/theme/progress/linear_progress/linear_progress_sizes.dart';
 import 'package:moon_design/src/theme/theme.dart';
+import 'package:moon_design/src/theme/tokens/sizes.dart';
 import 'package:moon_design/src/theme/tokens/tokens.dart';
 import 'package:moon_design/src/widgets/common/progress_indicators/linear_progress_indicator.dart';
 import 'package:moon_design/src/widgets/progress_pin/pin_style.dart';
@@ -21,6 +22,16 @@ class MoonLinearProgress extends StatelessWidget {
   /// Show linear progress with thumb and pin.
   final bool showPin;
 
+  /// Whether to show the min label widget.
+  final bool showMinLabel;
+
+  /// Whether to show the max label widget.
+  final bool showMaxLabel;
+
+  /// When this and [showPin] are true, the pin height gets added to linear progress height. If false, the pin functions
+  /// like an overlay and does not affect the overall height of linear progress.
+  final bool pinAffectsHeight;
+
   /// Border radius value of the linear progress widget.
   final BorderRadiusGeometry? borderRadius;
 
@@ -30,9 +41,17 @@ class MoonLinearProgress extends StatelessWidget {
   /// Background color of the linear progress widget.
   final Color? backgroundColor;
 
+  /// The text color of the minLabel and maxLabel.
+  final Color? textColor;
+
   /// Height of the linear progress widget.
   final double? height;
 
+  /// Gap between the linear progress widget and the min and max label widgets.
+  ///
+  /// Has no effect if [showMinLabel] and [showMaxLabel] are false.
+  final double? verticalGap;
+
   /// Value of the linear progress widget.
   final double value;
 
@@ -45,18 +64,31 @@ class MoonLinearProgress extends StatelessWidget {
   /// The semantic label for the linear progress widget.
   final String? semanticLabel;
 
+  /// The widget in the min label slot of the linear progress widget.
+  final Widget? minLabel;
+
+  /// The widget in the max label slot of the linear progress widget.
+  final Widget? maxLabel;
+
   /// MDS linear progress widget.
   const MoonLinearProgress({
     super.key,
     this.showPin = false,
+    this.showMinLabel = false,
+    this.showMaxLabel = false,
+    this.pinAffectsHeight = true,
     this.borderRadius,
     this.color,
     this.backgroundColor,
+    this.textColor,
     this.height,
+    this.verticalGap,
     required this.value,
     this.linearProgressSize,
     this.pinStyle,
     this.semanticLabel,
+    this.minLabel,
+    this.maxLabel,
   });
 
   MoonLinearProgressSizeProperties _getMoonProgressSize(
@@ -91,37 +123,120 @@ class MoonLinearProgress extends StatelessWidget {
 
     final BorderRadiusGeometry effectiveBorderRadius = borderRadius ?? effectiveProgressSize.borderRadius;
 
+    // This is used to ensure that the corners of the progress bar properly touch the thumb with bigger bar variants.
+    final BorderRadiusGeometry progressRadius = switch (effectiveBorderRadius) {
+      BorderRadiusDirectional() when showPin == true => BorderRadiusDirectional.only(
+          topStart: effectiveBorderRadius.topStart,
+          bottomStart: effectiveBorderRadius.bottomStart,
+        ),
+      BorderRadius() when showPin == true => BorderRadiusDirectional.only(
+          topStart: effectiveBorderRadius.topLeft,
+          bottomStart: effectiveBorderRadius.bottomLeft,
+        ),
+      _ => effectiveBorderRadius,
+    };
+
     final Color effectiveColor =
         color ?? context.moonTheme?.linearProgressTheme.colors.color ?? MoonColors.light.piccolo;
 
     final Color effectiveBackgroundColor =
         backgroundColor ?? context.moonTheme?.linearProgressTheme.colors.backgroundColor ?? MoonColors.light.beerus;
 
+    final Color effectiveTextColor =
+        textColor ?? context.moonTheme?.linearProgressTheme.colors.textColor ?? MoonColors.light.textPrimary;
+
     final double effectiveHeight = height ?? effectiveProgressSize.progressHeight;
 
+    final double effectiveTopGap = verticalGap ?? effectiveProgressSize.verticalGap;
+
+    final double effectiveThumbSizeValue =
+        // ignore: deprecated_member_use_from_same_package
+        (pinStyle?.thumbSizeValue ?? pinStyle?.thumbWidth) ?? effectiveProgressSize.thumbSizeValue;
+
+    final double effectivePinWidth =
+        pinStyle?.pinWidth ?? context.moonTheme?.progressPinTheme.properties.pinWidth ?? 36;
+
+    final double effectivePinDistance =
+        pinStyle?.pinDistance ?? context.moonTheme?.progressPinTheme.properties.pinDistance ?? MoonSizes.sizes.x5s;
+
+    final double effectivePinArrowHeight =
+        pinStyle?.arrowHeight ?? context.moonTheme?.progressPinTheme.properties.arrowHeight ?? 6;
+
+    final TextStyle effectiveTextStyle = effectiveProgressSize.textStyle;
+
+    final double resolvedPaddingValue =
+        effectiveThumbSizeValue - effectiveHeight > 0 ? effectiveThumbSizeValue / 2 - effectiveHeight / 2 : 0;
+
+    final double heightWithPin =
+        effectivePinWidth + effectivePinArrowHeight + effectivePinDistance + effectiveThumbSizeValue;
+
+    Widget child = MoonLinearProgressIndicator(
+      value: value,
+      color: effectiveColor,
+      backgroundColor: effectiveBackgroundColor,
+      containerRadius: effectiveBorderRadius,
+      progressRadius: showPin ? progressRadius : effectiveBorderRadius,
+      minHeight: effectiveHeight,
+    );
+
+    if (showPin) {
+      child = MoonProgressPin(
+        progressValue: value,
+        pinText: '${(value * 100).round()}%',
+        pinStyle: pinStyle?.copyWith(thumbSizeValue: effectiveThumbSizeValue),
+        child: child,
+      );
+    }
+
+    if (showMinLabel || showMaxLabel) {
+      child = Column(
+        mainAxisSize: MainAxisSize.min,
+        mainAxisAlignment: MainAxisAlignment.end,
+        children: [
+          Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              if (showMinLabel)
+                Expanded(
+                  child: DefaultTextStyle(
+                    style: effectiveTextStyle.copyWith(color: effectiveTextColor),
+                    child: Align(
+                      alignment: AlignmentDirectional.centerStart,
+                      child: minLabel ?? const Text("0%"),
+                    ),
+                  ),
+                ),
+              if (showMaxLabel)
+                Expanded(
+                  child: DefaultTextStyle(
+                    style: effectiveTextStyle.copyWith(color: effectiveTextColor),
+                    child: Align(
+                      alignment: AlignmentDirectional.centerEnd,
+                      child: maxLabel ?? const Text("100%"),
+                    ),
+                  ),
+                ),
+            ],
+          ),
+          SizedBox(height: effectiveTopGap),
+          child,
+        ],
+      );
+    }
+
+    if (showPin && pinAffectsHeight) {
+      child = Container(
+        height: heightWithPin,
+        padding: EdgeInsets.only(bottom: resolvedPaddingValue),
+        alignment: Alignment.bottomCenter,
+        child: child,
+      );
+    }
+
     return Semantics(
       label: semanticLabel,
       value: "${value * 100}%",
-      child: showPin
-          ? MoonProgressPin(
-              progressValue: value,
-              progressLabel: '${(value * 100).round()}%',
-              pinStyle: pinStyle,
-              child: MoonLinearProgressIndicator(
-                value: value,
-                color: effectiveColor,
-                backgroundColor: effectiveBackgroundColor,
-                borderRadius: effectiveBorderRadius,
-                minHeight: effectiveHeight,
-              ),
-            )
-          : MoonLinearProgressIndicator(
-              value: value,
-              color: effectiveColor,
-              backgroundColor: effectiveBackgroundColor,
-              borderRadius: effectiveBorderRadius,
-              minHeight: effectiveHeight,
-            ),
+      child: child,
     );
   }
 }
diff --git a/lib/src/widgets/progress_pin/pin_style.dart b/lib/src/widgets/progress_pin/pin_style.dart
index 11c3c8f8..1a64d04d 100644
--- a/lib/src/widgets/progress_pin/pin_style.dart
+++ b/lib/src/widgets/progress_pin/pin_style.dart
@@ -16,9 +16,19 @@ class PinStyle {
   /// The color of the pin shadow.
   final Color? shadowColor;
 
+  /// The height of the pin arrow.
+  final double? arrowHeight;
+
+  /// The width of the pin arrow.
+  final double? arrowWidth;
+
   /// The width of the thumb.
+  @Deprecated("Use thumbSizeValue instead")
   final double? thumbWidth;
 
+  /// The size value of the thumb.
+  final double? thumbSizeValue;
+
   /// The width of the pin.
   final double? pinWidth;
 
@@ -40,11 +50,49 @@ class PinStyle {
     this.pinBorderColor,
     this.thumbColor,
     this.shadowColor,
-    this.thumbWidth,
+    this.arrowHeight,
+    this.arrowWidth,
+    @Deprecated("Use thumbSizeValue instead") this.thumbWidth,
+    this.thumbSizeValue,
     this.pinWidth,
     this.pinBorderWidth,
     this.pinDistance,
     this.shadowElevation,
     this.textStyle,
   });
+
+  PinStyle copyWith({
+    bool? showShadow,
+    Color? pinColor,
+    Color? pinBorderColor,
+    Color? thumbColor,
+    Color? shadowColor,
+    double? arrowHeight,
+    double? arrowWidth,
+    double? thumbWidth,
+    double? thumbSizeValue,
+    double? pinWidth,
+    double? pinBorderWidth,
+    double? pinDistance,
+    double? shadowElevation,
+    TextStyle? textStyle,
+  }) {
+    return PinStyle(
+      showShadow: showShadow ?? this.showShadow,
+      pinColor: pinColor ?? this.pinColor,
+      pinBorderColor: pinBorderColor ?? this.pinBorderColor,
+      thumbColor: thumbColor ?? this.thumbColor,
+      shadowColor: shadowColor ?? this.shadowColor,
+      arrowHeight: arrowHeight ?? this.arrowHeight,
+      arrowWidth: arrowWidth ?? this.arrowWidth,
+      // ignore: deprecated_member_use_from_same_package
+      thumbWidth: thumbWidth ?? this.thumbWidth,
+      thumbSizeValue: thumbSizeValue ?? this.thumbSizeValue,
+      pinWidth: pinWidth ?? this.pinWidth,
+      pinBorderWidth: pinBorderWidth ?? this.pinBorderWidth,
+      pinDistance: pinDistance ?? this.pinDistance,
+      shadowElevation: shadowElevation ?? this.shadowElevation,
+      textStyle: textStyle ?? this.textStyle,
+    );
+  }
 }
diff --git a/lib/src/widgets/progress_pin/progress_pin.dart b/lib/src/widgets/progress_pin/progress_pin.dart
index 2c952038..26bf444b 100644
--- a/lib/src/widgets/progress_pin/progress_pin.dart
+++ b/lib/src/widgets/progress_pin/progress_pin.dart
@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 
 import 'package:moon_design/src/theme/theme.dart';
+import 'package:moon_design/src/theme/tokens/sizes.dart';
 import 'package:moon_design/src/theme/tokens/typography/typography.dart';
 import 'package:moon_design/src/widgets/progress_pin/pin_style.dart';
 import 'package:moon_design/src/widgets/progress_pin/progress_pin_painter.dart';
@@ -9,15 +10,15 @@ import 'package:moon_tokens/moon_tokens.dart';
 class MoonProgressPin extends StatelessWidget {
   final double progressValue;
   final PinStyle? pinStyle;
-  final String progressLabel;
+  final String pinText;
   final Widget child;
 
   const MoonProgressPin({
     super.key,
     required this.progressValue,
-    required this.child,
     this.pinStyle,
-    required this.progressLabel,
+    required this.pinText,
+    required this.child,
   });
 
   @override
@@ -28,7 +29,7 @@ class MoonProgressPin extends StatelessWidget {
     final Color effectivePinBorderColor =
         pinStyle?.pinBorderColor ?? context.moonTheme?.progressPinTheme.colors.pinBorderColor ?? MoonColors.light.goten;
 
-    final Color effectiveKnobColor =
+    final Color effectiveThumbColor =
         pinStyle?.thumbColor ?? context.moonTheme?.progressPinTheme.colors.thumbColor ?? MoonColors.light.goten;
 
     final Color effectiveShadowColor =
@@ -39,19 +40,23 @@ class MoonProgressPin extends StatelessWidget {
 
     final TextStyle effectiveTextStyle = pinStyle?.textStyle ??
         context.moonTheme?.progressPinTheme.properties.textStyle ??
-        MoonTypography.typography.caption.text10.copyWith(letterSpacing: 0.5);
-
-    final double effectiveKnobWidthMultiplier =
-        context.moonTheme?.progressPinTheme.properties.thumbWidthMultiplier ?? 1.5;
+        MoonTypography.typography.caption.text10;
 
     final double effectivePinWidth =
         pinStyle?.pinWidth ?? context.moonTheme?.progressPinTheme.properties.pinWidth ?? 36;
 
-    final double effectivePinBorderWidth =
-        pinStyle?.pinBorderWidth ?? context.moonTheme?.progressPinTheme.properties.pinBorderWidth ?? 2;
+    final double effectivePinBorderWidth = pinStyle?.pinBorderWidth ??
+        context.moonTheme?.progressPinTheme.properties.pinBorderWidth ??
+        MoonSizes.sizes.x6s;
 
     final double effectivePinDistance =
-        pinStyle?.pinDistance ?? context.moonTheme?.progressPinTheme.properties.pinDistance ?? 6;
+        pinStyle?.pinDistance ?? context.moonTheme?.progressPinTheme.properties.pinDistance ?? MoonSizes.sizes.x5s;
+
+    final double effectiveArrowHeight =
+        pinStyle?.arrowHeight ?? context.moonTheme?.progressPinTheme.properties.arrowHeight ?? 6;
+
+    final double effectiveArrowWidth =
+        pinStyle?.arrowWidth ?? context.moonTheme?.progressPinTheme.properties.arrowWidth ?? MoonSizes.sizes.x4s;
 
     final double effectiveShadowElevation =
         pinStyle?.shadowElevation ?? context.moonTheme?.progressPinTheme.properties.shadowElevation ?? 6;
@@ -62,17 +67,19 @@ class MoonProgressPin extends StatelessWidget {
       foregroundPainter: ProgressPinPainter(
         showShadow: pinStyle?.showShadow ?? true,
         pinColor: effectivePinColor,
-        thumbColor: effectiveKnobColor,
+        thumbColor: effectiveThumbColor,
         shadowColor: effectiveShadowColor,
         pinBorderColor: effectivePinBorderColor,
         pinBorderWidth: effectivePinBorderWidth,
+        arrowHeight: effectiveArrowHeight,
+        arrowWidth: effectiveArrowWidth,
         pinDistance: effectivePinDistance,
         pinWidth: effectivePinWidth,
-        thumbWidth: pinStyle?.thumbWidth,
-        thumbWidthMultiplier: effectiveKnobWidthMultiplier,
+        // ignore: deprecated_member_use_from_same_package
+        thumbSizeValue: pinStyle?.thumbSizeValue ?? pinStyle?.thumbWidth,
         progressValue: progressValue,
         shadowElevation: effectiveShadowElevation,
-        labelText: progressLabel,
+        pinText: pinText,
         textDirection: effectiveTextDirection,
         textStyle: effectiveTextStyle.copyWith(color: effectiveTextColor),
       ),
diff --git a/lib/src/widgets/progress_pin/progress_pin_painter.dart b/lib/src/widgets/progress_pin/progress_pin_painter.dart
index 5d558f32..093f45fb 100644
--- a/lib/src/widgets/progress_pin/progress_pin_painter.dart
+++ b/lib/src/widgets/progress_pin/progress_pin_painter.dart
@@ -6,14 +6,15 @@ class ProgressPinPainter extends CustomPainter {
   final Color thumbColor;
   final Color shadowColor;
   final Color pinBorderColor;
+  final double arrowHeight;
+  final double arrowWidth;
   final double pinBorderWidth;
   final double pinDistance;
   final double pinWidth;
-  final double? thumbWidth;
-  final double thumbWidthMultiplier;
+  final double? thumbSizeValue;
   final double progressValue;
   final double shadowElevation;
-  final String labelText;
+  final String pinText;
   final TextStyle textStyle;
   final TextDirection textDirection;
 
@@ -24,13 +25,14 @@ class ProgressPinPainter extends CustomPainter {
     required this.shadowColor,
     required this.pinBorderColor,
     required this.pinBorderWidth,
+    required this.arrowHeight,
+    required this.arrowWidth,
     required this.pinDistance,
     required this.pinWidth,
-    this.thumbWidth,
-    required this.thumbWidthMultiplier,
+    this.thumbSizeValue,
     required this.progressValue,
     required this.shadowElevation,
-    required this.labelText,
+    required this.pinText,
     required this.textStyle,
     required this.textDirection,
   });
@@ -38,10 +40,11 @@ class ProgressPinPainter extends CustomPainter {
   @override
   void paint(Canvas canvas, Size size) {
     final double radius = pinWidth / 2;
-    final double arrowHeight = radius / 3;
-    final double arrowWidth = radius / 2;
-    final double offsetY = -(radius + arrowHeight + pinDistance);
-    final double thumbSizeWidth = thumbWidth ?? size.height / thumbWidthMultiplier;
+    final double thumbRadius = switch (thumbSizeValue) {
+      _ when thumbSizeValue != null => thumbSizeValue! / 2,
+      _ => size.height / 2,
+    };
+    final double offsetY = -(radius + arrowHeight + pinDistance) + (size.height / 2 - thumbRadius);
 
     // Offset based on directionality
     double offsetX = progressValue * size.width;
@@ -62,9 +65,9 @@ class ProgressPinPainter extends CustomPainter {
     final Path path = Path()
       ..addOval(Rect.fromCircle(center: Offset(offsetX, offsetY), radius: radius))
       ..addOval(Rect.fromCircle(center: Offset(offsetX, offsetY), radius: radius))
-      ..moveTo(offsetX - arrowWidth / 2, offsetY + (radius * 0.9))
+      ..moveTo(offsetX - arrowWidth / 2, offsetY + radius - 0.5) // shift the origin "up" by 0.5 to avoid aliasing
       ..lineTo(offsetX, offsetY + radius + arrowHeight)
-      ..lineTo(offsetX + arrowWidth / 2, offsetY + (radius * 0.9))
+      ..lineTo(offsetX + arrowWidth / 2, offsetY + radius - 0.5) // shift the destination "up" by 0.5 to avoid aliasing
       ..close();
 
     // Draw shadow around outer path
@@ -77,16 +80,16 @@ class ProgressPinPainter extends CustomPainter {
     canvas.drawCircle(Offset(offsetX, offsetY), radius - pinBorderWidth, innerCirclePaint);
 
     // Draw thumb
-    canvas.drawCircle(Offset(offsetX, size.height / 2), thumbSizeWidth, thumbCirclePaint);
+    canvas.drawCircle(Offset(offsetX, size.height / 2), thumbRadius, thumbCirclePaint);
 
-    // Draw text
-    final TextPainter textPainter = TextPainter(
-      text: TextSpan(text: labelText, style: textStyle),
-      textDirection: TextDirection.ltr,
+    // Draw pin text
+    final TextPainter pinTextPainter = TextPainter(
+      text: TextSpan(text: pinText, style: textStyle),
+      textDirection: textDirection,
     );
 
-    textPainter.layout();
-    textPainter.paint(canvas, Offset(offsetX - textPainter.width / 2, offsetY - textPainter.height / 2));
+    pinTextPainter.layout();
+    pinTextPainter.paint(canvas, Offset(offsetX - pinTextPainter.width / 2, offsetY - pinTextPainter.height / 2));
   }
 
   @override
@@ -98,7 +101,7 @@ class ProgressPinPainter extends CustomPainter {
         oldPainter.pinBorderColor != pinBorderColor ||
         oldPainter.pinDistance != pinDistance ||
         oldPainter.thumbColor != thumbColor ||
-        oldPainter.thumbWidth != thumbWidth ||
+        oldPainter.thumbSizeValue != thumbSizeValue ||
         oldPainter.showShadow != showShadow ||
         oldPainter.shadowColor != shadowColor ||
         oldPainter.shadowElevation != shadowElevation ||