Slider progress bar

src/scss/app.scss

@@ -11,6 +11,7 @@
 @import 'components/images';
 @import 'components/icon';
 @import 'components/search-form';
+@import 'components/slider';
 @import 'components/player';
 @import 'components/sidebar';
 @import 'components/lists';

src/scss/components/_slider.scss

@@ -0,0 +1,53 @@
+
+.slider {
+	position: relative;
+	cursor: pointer;
+
+	.track {
+		position: absolute;
+		background: rgba(255,255,255,0.3);
+		@include animate()
+
+		.progress {
+			position: absolute;
+			background: $turquoise;
+			pointer-events: none;
+			left: 0;
+		}
+	}
+
+	&.horizontal {
+		margin: 10px 0;
+		height: 20px;
+
+		.track {
+			height: 2px;
+			top: 9px;
+			right: 0;
+			left: 0;
+
+			.progress {
+				top: 0;
+				height: 100%;
+			}
+		}
+	}
+
+	&.vertical {
+		margin: 10px 0;
+		width: 20px;
+		height: 100%;
+
+		.track {
+			width: 2px;
+			top: 0;
+			bottom: 0;
+			left: 9px;
+
+			.progress {
+				bottom: 0;
+				width: 100%;
+			}
+		}
+	}
+}

src/scss/global/_forms.scss

@@ -102,55 +102,3 @@ label {
 	}
 }
 
-.slider {
-	position: relative;
-	cursor: pointer;
-
-	.track {
-		position: absolute;
-		background: rgba(255,255,255,0.3);
-		@include animate()
-
-		.progress {
-			position: absolute;
-			background: $turquoise;
-			pointer-events: none;
-			left: 0;
-		}
-	}
-
-	&.horizontal {
-		margin: 10px 0;
-		height: 20px;
-
-		.track {
-			height: 2px;
-			top: 9px;
-			right: 0;
-			left: 0;
-
-			.progress {
-				top: 0;
-				height: 100%;
-			}
-		}
-	}
-
-	&.vertical {
-		margin: 10px 0;
-		width: 20px;
-		height: 100%;
-
-		.track {
-			width: 2px;
-			top: 0;
-			bottom: 0;
-			left: 9px;
-
-			.progress {
-				bottom: 0;
-				width: 100%;
-			}
-		}
-	}
-}

src/scss/views/_queue.scss

@@ -11,7 +11,8 @@
 		}
 
 		.artwork,
-		.controls {
+		.controls,
+		.slider {
 			display: block;
 			max-width: 400px;
 			margin: 0 auto;
@@ -29,7 +30,14 @@
 		}
 
 		.current-track {
+			padding: 20px 0 0 0;
 			font-weight: 700;
 		}
+
+		.slider {
+			.track {
+				background: rgba(0,0,0,0.2);
+			}
+		}
 	}
 }