From ad38d3112f8742201d42b874969ae33a68f24b50 Mon Sep 17 00:00:00 2001
From: Maks Pikov <mixelburg@users.noreply.github.com>
Date: Sat, 30 May 2026 22:04:02 +0000
Subject: [PATCH] fix(VProgressLinear): guard opacity against undefined props
 to prevent NaN in SSR

---
 .../src/components/VProgressLinear/VProgressLinear.tsx      | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/vuetify/src/components/VProgressLinear/VProgressLinear.tsx b/packages/vuetify/src/components/VProgressLinear/VProgressLinear.tsx
index 4cc560fdca6..f657d93a9ed 100644
--- a/packages/vuetify/src/components/VProgressLinear/VProgressLinear.tsx
+++ b/packages/vuetify/src/components/VProgressLinear/VProgressLinear.tsx
@@ -185,7 +185,7 @@ export const VProgressLinear = genericComponent<VProgressLinearSlots>()({
               ...textColorStyles.value,
               [isReversed.value ? 'left' : 'right']: convertToUnit(-height.value),
               borderTop: `${convertToUnit(height.value / 2)} dotted`,
-              opacity: parseFloat(props.bufferOpacity!),
+              opacity: props.bufferOpacity != null ? parseFloat(props.bufferOpacity) : undefined,
               top: `calc(50% - ${convertToUnit(height.value / 4)})`,
               width: convertToUnit(100 - normalizedBuffer.value, '%'),
               '--v-progress-linear-stream-to': convertToUnit(height.value * (isReversed.value ? 1 : -1)),
@@ -201,7 +201,7 @@ export const VProgressLinear = genericComponent<VProgressLinearSlots>()({
           style={[
             backgroundColorStyles.value,
             {
-              opacity: parseFloat(props.bgOpacity!),
+              opacity: props.bgOpacity != null ? parseFloat(props.bgOpacity) : undefined,
               width: props.stream ? 0 : undefined,
             },
           ]}
@@ -215,7 +215,7 @@ export const VProgressLinear = genericComponent<VProgressLinearSlots>()({
           style={[
             bufferColorStyles.value,
             {
-              opacity: parseFloat(props.bufferOpacity!),
+              opacity: props.bufferOpacity != null ? parseFloat(props.bufferOpacity) : undefined,
               width: convertToUnit(bufferWidth.value, '%'),
             },
           ]}