Progress bar on voting page

app/routes/plus/voting/index.tsx

@@ -115,6 +115,14 @@ function Voting(data: Extract<PlusVotingLoaderData, { type: "voting" }>) {
 
   return (
     <div className="plus-voting__container stack md">
+      {progress ? (
+        <progress
+          className="plus-voting__progress"
+          value={progress[0]}
+          max={progress[1]}
+          title={`Voting progress ${progress[0]} out of ${progress[1]}`}
+        />
+      ) : null}
       {previous ? (
         <p className="button-text-paragraph text-sm text-lighter">
           Previously{" "}

app/styles/global.css

@@ -221,6 +221,10 @@ textarea:not(.plain) {
   white-space: pre;
 }
 
+progress {
+  accent-color: var(--theme);
+}
+
 textarea:not(.plain):focus-within {
   border-color: transparent;
 

app/styles/plus.css

@@ -104,10 +104,14 @@
 .plus-voting__vote-button {
   width: 6rem;
   height: 2.5rem;
-  font-size: var(--fonts-md);
   color: var(--text) !important;
+  font-size: var(--fonts-md);
 }
 
 .plus-voting__vote-button.downvote {
   border-color: var(--theme-error-transparent);
 }
+
+.plus-voting__progress {
+  width: 100%;
+}