diff --git a/src/components/Progress.js b/src/components/Progress.js
new file mode 100644
index 0000000..8f1115f
--- /dev/null
+++ b/src/components/Progress.js
@@ -0,0 +1,15 @@
+import React from 'react'
+import { useSelector } from 'react-redux'
+import { selectCurrentSegmentIndex, selectSegments } from '../store/selectors'
+
+export const Progress = () => {
+ const curIdx = useSelector(selectCurrentSegmentIndex)
+ const segments = useSelector(selectSegments)
+ return (
+
+ )
+}
diff --git a/src/components/RsvpReader.js b/src/components/RsvpReader.js
index 2a4192f..c153d8f 100644
--- a/src/components/RsvpReader.js
+++ b/src/components/RsvpReader.js
@@ -8,6 +8,7 @@ import { PlayerControl } from './PlayerControl'
import styles from './RsvpReader.css'
import { PipeMarker, BorderMarker } from './PivotMarker'
+import { Progress } from './Progress'
export const RsvpReader = () => {
return (
@@ -16,6 +17,7 @@ export const RsvpReader = () => {