Add progress to movie list item

services/webui/src/app/components/MovieListItem.vue

@@ -11,6 +11,15 @@
 					<img src="../assets/plex_logo.svg" alt="Added to Plex" style="margin: 15% 25%;"/>
 				</div>
 			</div>
+			<div class="flex flex-row items-end space-x-2" v-if="movie.plexLink === null && typeof movie.ticketId === 'number'">
+				<div class="w-full rounded-full bg-gray-200 overflow-hidden flex-grow-0">
+					<div class="bg-red-500 h-1" :style="{width: `${Math.floor(100*movie.progress)}%`}"></div>
+				</div>
+				<div class="relative h-1 flex justify-center items-center text-sm">
+					<span class="h-0 overflow-hidden">100%</span>
+					<span class="absolute left-0 text-center w-full opacity-75">{{ Math.floor(100*movie.progress) }}%</span>
+				</div>
+			</div>
 		</div>
 	</li>
 </template>