feat(VProgressLinear): add split variant to align with MD3

[Haviles04]

Description

Adds a "split" option to chunks which matches md3 design

Markup:

<template>
  <v-app theme="dark">
    <v-container class="pa-md-12" max-width="1600" fluid>
      <v-card class="py-5 px-6 mb-6" rounded="lg">
        <div class="d-flex flex-column ga-3">
          <div class="d-flex align-start">
            <v-scroll-y-transition mode="out-in">
              <div :key="progressValue" class="text-h2">
                {{ progressValue }}<span class="text-h4">%</span>
              </div>
            </v-scroll-y-transition>
            <v-btn-toggle
              v-model="group"
              class="ml-auto border"
              density="compact"
              max-width="200"
              variant="solo-filled"
              flat
              hide-details
              mandatory
              single-line
            >
              <v-btn text="Transactions" />
              <v-btn text="Fees" />
            </v-btn-toggle>
          </div>
          <div class="mb-1">
            <v-progress-linear
              :buffer-value="bufferValue"
              :model-value="progressValue"
              buffer-opacity=".5"
              chunk-gap="6"
              color="blue"
              height="18"
              variant="split"
              rounded
            />
          </div>
          <div class="mb-1">
            <v-progress-linear
              :model-value="progressValue"
              chunk-count="split"
              chunk-gap="6"
              color="blue"
              height="18"
              indeterminate
              rounded
              rounded-bar
            />
          </div>
        </div>
      </v-card>
    </v-container>
  </v-app>
</template>

<script setup>
  import { shallowRef, toRef } from 'vue'

  const group = shallowRef(0)
  const progressValue = toRef(() => [78, 35][group.value])
  const bufferValue = toRef(() => [90, 55][group.value])
</script>

[J-Sek]

• alternative API to chunk-count="split"
  • variant="split" (with "default" preserving MD2 style)

[J-Sek]

• list new prop in new-in.json
• describe the prop in VProgressLinear.json
• a 1 or 2 tests for visual regression (in stories object)