// ==========================================================================
// jQuery UI Progress Bar
// ==========================================================================

.#{$selector} {
	.ui-progressbar {
		box-shadow: none;
		height: 4px;
		background-color: $primary-color-light;
		border-radius: 2px;
		position: relative;
		overflow: visible;

		.ui-progressbar-value {
			position: absolute;
			top: 0;
			left: 0;
			background-color: $primary-color;
			border-radius: 2px;
			margin: 0;
			@include material__smooth-tran( 1s, all, linear );
			will-change: width;
		}

		.ipt_uif_progress_value {
			position: absolute;
			top: -1.5em;
			width: 8em;
			text-align: center;
			left: 50%;
			margin-left: -4em;
			color: $primary-color;
			display: inline-block;
		}
	}
}