diff --git a/components/CompletionBar.tsx b/components/CompletionBar.tsx new file mode 100644 index 0000000..cfdbd59 --- /dev/null +++ b/components/CompletionBar.tsx @@ -0,0 +1,12 @@ +interface Props { + total: number; + completed: number; + inline?: boolean; +} + +export default function CompletionBar(props: Props) { + const progress = (props.completed / props.total) * 100; + return + + +} diff --git a/components/NavBar.tsx b/components/NavBar.tsx index 9fabd30..a934004 100644 --- a/components/NavBar.tsx +++ b/components/NavBar.tsx @@ -7,21 +7,32 @@ export default function NavBar() { const router = useRouter(); return ( -