Questionnaire progress, preview questions, select answer

2021-07-04 22:06:28 +03:00
parent 3b575adc54
commit 48c8d406e2
11 changed files with 292 additions and 84 deletions
@@ -0,0 +1,16 @@
+<script>
+  export let value = 0;
+</script>
+
+<div class="w-full h-3 rounded-md bg-gray-300 relative">
+  <span
+    class="progress absolute top-0 left-0 rounded-md bg-blue-700 h-full"
+    style="width: {value}%;"
+  />
+</div>
+
+<style>
+  .progress {
+    transition: width 0.5s linear;
+  }
+</style>