#31 : Add progress storybook

2021-07-03 14:03:25 +03:00
parent 76766e9568
commit 68f9f5d0e0
2 changed files with 36 additions and 0 deletions
--- a/src/components/Progress/stories/ProgressView.svelte
+++ b/src/components/Progress/stories/ProgressView.svelte
@@ -0,0 +1,23 @@
+<script>
+  import Progress from '../Progress.svelte'
+
+  /**
+   * Progress value
+   */
+  export let value = 0
+</script>
+
+<div class="progress-container">
+  <Progress
+    {value}
+  >
+  </Progress>
+</div>
+
+<style>
+  .progress-container {
+    width: 100%;
+    height: 5px;
+    background-color: rgba(93, 93, 93, 0.5);
+  }
+</style>