@import '../c/conf';

.m-progress {
	width: 500rpx;

	.second {
		margin-top: 20rpx;
		line-height: 40rpx;
		font-size: 14px;
		color: $fc3;
		overflow: hidden;

		text {
			display: block;
		}
	}

	.bar {
		position: relative;
		width: 100%;
		height: 5rpx;
		border-radius: 5rpx;
		background-color: #ccc;

		view {
			position: relative;
			display: block;
			height: 5rpx;
			border-radius: 3rpx;
			background-color: $c1;
			transition: width 1s linear;
			background-size: 40rpx 40rpx;

			&::after {
				content: '';
				position: absolute;
				display: block;
				top: 0;
				bottom: 0;
				right: -10rpx;
				margin: auto 0;
				width: 30rpx;
				height: 30rpx;
				border-radius: 100%;
				background-color: darken($c1, 5);
			}
		}
	}
}