Video: new macro for showing video progress

Import video_progress_bar from '_macros/_asset_video_progress.html'
and pass it the video and current_user.

src/styles/_apps_base.sass

@@ -450,3 +450,6 @@ $loader-bar-height: 2px
 
 	to
 		left: 100%
+
+.progress-bar
+	background-color: $primary

src/styles/_config.sass

@@ -12,9 +12,10 @@ $color-background-active-dark: hsl(hue($color-background-active), 50%, 50%) !def
 $font-body: 'Roboto' !default
 $font-headings: 'Lato' !default
 $font-size: 14px !default
+$font-size-xs: .75rem
+$font-size-xxs: .65rem
 
 $color-text: #4d4e53 !default
-
 $color-text-dark: $color-text !default
 $color-text-dark-primary: #646469 !default
 $color-text-dark-secondary: #9E9FA2 !default
@@ -139,7 +140,6 @@ $link-color: $primary
 
 $font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
 $font-size-base: .9rem
-$font-size-xs: .75rem
 
 $dropdown-border-width: 0
 $dropdown-box-shadow: 0 10px 25px rgba($black, .1)

src/styles/components/_card.sass

@@ -81,10 +81,22 @@
 		background-position: center
 
 	.progress
-		height: 3px
+		height: 4px
 		position: absolute
-		top: -3px
+		top: -4px
 		width: 100%
 
-.progress-bar
-	background-color: $primary
+	&.group
+
+
+.card-label
+	background-color: rgba($black, .5)
+	border-radius: 3px
+	color: $white
+	display: block
+	font-size: $font-size-xxs
+	left: 5px
+	top: -25px
+	position: absolute
+	padding: 1px 5px
+	z-index: 1