feat(VProgressLinear): update to md2

[johnleider]

Description

Update v-progress-linear component to match md2 specification

resolves #5147

Motivation and Context

• Added new props

  • v-model - allow user to click to define value
  • stream - loading animation for use with buffer-value
  • striped - adds a striped background to the value portion of the component

• Added new mixins

  • themeable
  • positionable
  • proxyable

Breaking

• Explicit margin has been removed

How Has This Been Tested?

jest

Markup:

<template>
  <div class="ma-5 pa-5">
    <h3>Baseline</h3>
    <v-progress-linear></v-progress-linear>
    <br>
    <h3>Custom color</h3>
    <v-progress-linear
      color="purple"
      value="10"
    ></v-progress-linear>
    <br>
    <h3>Custom height</h3>
    <v-progress-linear
      color="cyan"
      value="30"
      height="7"
    ></v-progress-linear>
    <br>
    <h3>Indeterminate</h3>
    <v-progress-linear
      color="pink"
      indeterminate
    ></v-progress-linear>
    <br>
    <h3>Stream buffer</h3>
    <v-progress-linear
      color="indigo darken-2"
      buffer-value="0"
      stream
    ></v-progress-linear>
    <br>
    <h3>Stream value</h3>
    <v-progress-linear
      color="amber"
      value="30"
      buffer-value="0"
      stream
    ></v-progress-linear>
    <br>
    <h3>Stream buffer & value</h3>
    <v-progress-linear
      color="green"
      value="10"
      buffer-value="40"
      stream
    ></v-progress-linear>
    <br>
    <h3>Indeterminate query</h3>
    <v-progress-linear
      color="teal"
      indeterminate
      query
    ></v-progress-linear>
    <br>
    <h3>Rounded</h3>
    <v-progress-linear
      color="primary"
      rounded
      height="10"
      value="33"
    ></v-progress-linear>
    <br>
    <h3>Striped</h3>
    <v-progress-linear
      color="orange"
      striped
      height="12"
      value="45"
    ></v-progress-linear>
  </div>
</template>

<script>
  export default {
    data: () => ({
      //
    })
  }
</script>

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Improvement/refactoring (non-breaking change that doesn't add any feature but make things better)

Checklist:

• The PR title is no longer than 64 characters.
• The PR is submitted to the correct branch (master for bug fixes and documentation updates, dev for new features and breaking changes).
• My code follows the code style of this project.
• I've added relevant changes to the documentation (applies to new features and breaking changes in core library)

[codecov]

Codecov Report

Merging #7057 into next will increase coverage by <.01%.
The diff coverage is 95.34%.

@@            Coverage Diff             @@
##             next    #7057      +/-   ##
==========================================
+ Coverage   85.83%   85.84%   +<.01%     
==========================================
  Files         329      329              
  Lines        8326     8352      +26     
  Branches     2101     2107       +6     
==========================================
+ Hits         7147     7170      +23     
- Misses       1091     1092       +1     
- Partials       88       90       +2

Impacted Files	Coverage Δ
packages/vuetify/src/components/VCard/VCard.ts	100% <ø> (ø)	⬆️
packages/vuetify/src/mixins/loadable/index.ts	71.42% <ø> (ø)	⬆️
.../src/components/VProgressLinear/VProgressLinear.ts	96.29% <95.34%> (-3.71%)	⬇️
packages/vuetify/src/components/VAlert/VAlert.ts	94.52% <0%> (-0.65%)	⬇️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 0d10bd1...da89395. Read the comment docs.

feedback addressed