progress barz

1 files changed, 16 insertions, 0 deletions

diff --git a/app/client/common/progress.component.js b/app/client/common/progress.component.js
new file mode 100644
index 0000000..364f232
--- /dev/null
+++ b/app/client/common/progress.component.js
@@ -0,0 +1,16 @@
+import { h, Component } from 'preact'
+
+export default function Progress({progress}) {
+  const { i, n } = progress
+  const a = []
+  for (let j = 0; j < n; j++) {
+    a.push(
+      <div key={j} className={j < i ? 'x' : 'o'}></div>
+    )
+  }
+  return (
+    <div className='progress'>
+      {a}
+    </div>
+  )
+}