fix(VProgressLinear): accept pointer events unless clickable is used (#21691)

resolves #21690

Author: J-Sek

packages/vuetify/src/components/VProgressLinear/VProgressLinear.sass

@@ -28,7 +28,7 @@
     width: 100%
     transition-property: width, left, right
     transition: inherit
-    
+
   @media (forced-colors: active)
     .v-progress-linear__buffer
       background-color: highlight
@@ -40,11 +40,14 @@
     height: 100%
     justify-content: center
     left: 0
-    pointer-events: none
     position: absolute
     top: 0
     width: 100%
 
+  .v-progress-linear--clickable
+    .v-progress-linear__content
+      pointer-events: none
+
   .v-progress-linear__determinate,
   .v-progress-linear__indeterminate
     background: $progress-linear-background

packages/vuetify/src/components/VProgressLinear/VProgressLinear.tsx

@@ -121,6 +121,7 @@ export const VProgressLinear = genericComponent<VProgressLinearSlots>()({
             'v-progress-linear--rounded': props.rounded,
             'v-progress-linear--rounded-bar': props.roundedBar,
             'v-progress-linear--striped': props.striped,
+            'v-progress-linear--clickable': props.clickable,
           },
           roundedClasses.value,
           themeClasses.value,