first

documentation/progress/v-progress-colors-documentation.md

@@ -0,0 +1,51 @@
+### VProgress colors
+
+Vuero provides a nice and clean `<VProgress />` component that
+can be used almost anywhere, across a wide variety of layouts.
+Use the `color` prop to change the progress bar color.
+5 color modifiers are available: `primary`, `success`, `info`,
+`warning` and `danger`.
+
+<!--code-->
+
+```vue
+<template>
+  <VProgress size="tiny" :value="70" />
+  <VProgress
+    size="tiny"
+    color="success"
+    :value="55"
+  />
+  <VProgress
+    size="tiny"
+    color="info"
+    :value="45"
+  />
+  <VProgress
+    size="tiny"
+    color="warning"
+    :value="60"
+  />
+  <VProgress
+    size="tiny"
+    color="danger"
+    :value="38"
+  />
+</template>
+```
+
+<!--/code-->
+
+<!--example-->
+
+<div class="field">
+    <div class="control">
+        <VProgress size="tiny" :value="70" />
+        <VProgress size="tiny" color="success" :value="55" />
+        <VProgress size="tiny" color="info" :value="45" />
+        <VProgress size="tiny" color="warning" :value="60" />
+        <VProgress size="tiny" color="danger" :value="38" />
+    </div>
+</div>
+
+<!--/example-->