PHP Dosya Yöneticisi

/**=====================
   3.34 Progress CSS Start
==========================**/
.progress-showcase {
	.progress {
		margin-bottom: 10px;

&:last-child {
			margin-bottom: 0;
		}
	}
}

.sm-progress-bar {
	height: 8px;
}

.lg-progress-bar {
	height: 20px;
}

.progress-number {
	button {
		width: 2rem;
		height: 2rem;
	}

.progress-wrapper {
		height: 1px;

&.progress {
			background-color: var(--recent-dashed-border);
		}

.progress-bar {
			background-color: var(--theme-deafult);
		}
	}
}

.progress-btn {
	background-color: $light-chartist-grid-color;
	border-color: $light-chartist-grid-color;
}

.small-progressbar {
	position: relative;
	overflow: visible;

&::after {
		position: absolute;
		content: '';
		top: -2px;
		right: -9px;
		background-color: $primary-color;
		width: 12px;
		height: 12px;
		border-radius: 100%;

[dir="rtl"] & {
			left: -9px;
			right: unset;
		}
	}

.progress-label {
		position: absolute;
		top: -26px;
		right: -6px;
		font-weight: 700;

[dir="rtl"] & {
			right: unset;
			left: -6px;
		}
	}

.animate-circle {
		position: absolute;
		top: -11px;
		right: -18px;
		height: 30px;
		width: 30px;
		border: 14px solid $primary-color;
		border-radius: 70px;
		animation: heart 1s ease-in-out;
		animation-iteration-count: infinite;

[dir="rtl"] & {
			right: unset;
			left: -18px;
		}
	}
}

@keyframes heart {
	0% {
		transform: scale(0);
		opacity: 0;
	}

25% {
		transform: scale(.1);
		opacity: 1;
	}

50% {
		transform: scale(.5);
		opacity: .3;
	}

75% {
		transform: scale(.8);
		opacity: .5;
	}

100% {
		transform: scale(1);
		opacity: 0;
	}
}

.progress-b-space {
	.progress {
		margin-bottom: 35px;
	}
}

/**=====================
   3.34 Progress CSS Ends
==========================**/

İptal

📁 PHP Dosya Yöneticisi

📝 _progress.scss

📝 _progress.scss

📝 Yeniden Adlandır

🔐 Dosya İzinleri (chmod)