.ub_progress-bar-line-trail {
	stroke: #d9d9d9;
	fill-opacity: 0;
	stroke-linecap: 'round';
}

.ub_progress-bar-line-path {
	stroke-dasharray: 100px, 100px;
	transition: stroke-dashoffset 0.3s ease 0s, stroke 0.3s linear 0s;
	fill-opacity: 0;
	stroke-linecap: round;
}

.ub_progress-bar-circle-path {
	stroke-dashoffset: 0px;
	transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s,
		stroke 0.3s ease 0s, stroke-width 0.06s ease 0.3s;
	fill-opacity: 0;
}
.ub_progress-bar-circle-trail {
	stroke: #d9d9d9;
	stroke-dashoffset: 0px;
	transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s,
		stroke 0.3s ease 0s;
	fill-opacity: 0;
}

.ub_progress-bar-circle {
	position: absolute;
	& + .ub_progress-bar-label {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		margin: auto;
		text-align: center;
	}
}

.ub_progress-bar-line + .ub_progress-bar-label {
	text-align: right;
	min-width: 24px;
}
