ImageUpload (first attmpt)

src/components/input/ArcProgress/index.tsx

@@ -0,0 +1,22 @@
+import React, { FC } from 'react';
+import * as styles from './styles.scss';
+import { describeArc } from '~/utils/dom';
+
+interface IProps {
+  size: number;
+  progress: number;
+};
+
+export const ArcProgress: FC<IProps> = ({ size, progress }) => (
+  <svg className={styles.icon} width={size} height={size}>
+    <path
+      d={describeArc(
+        size / 2,
+        size / 2,
+        size / 2 - 2,
+        360 * (1 - progress),
+        360,
+      )}
+    />
+  </svg>
+);

src/components/input/ArcProgress/styles.scss

@@ -0,0 +1,8 @@
+.icon {
+  fill: $red;
+  stroke: none;
+
+  //path {
+  //  transition: d 0.5s;
+  //}
+}