.zkm_progress {
	--percentage: 80%;
	--duration: 1s;
	--timing: linear;

	background-color: #bbbbbb;
	height: 10px;
	overflow: hidden;
}
.zkm_progress .zkm_progress-bar {
	float: left;
	width: 0;
	height: 100%;
	background-color: #337ab7;
	transition: width 1s ease;
}
.zkm_progress .zkm_progress-bar.start_animation {
	animation: loadGrow var(--duration) var(--timing);
	animation-fill-mode: forwards;
}
@keyframes loadGrow {
	from {
		width: 0%;
	}
	to {
		width: var(--percentage);
	}
}