#PageLoader { position: fixed; left: 0; top: 0; right: 0; width: auto; height:4px; z-index: 999999; border-radius:0; border-width: 0 0 1px 0; background: #fff;}
#PageLoader > div { width:0; border-width: inherit;}
#PageLoader:not(.show) {display:none;}
#PageLoader > div {animation: PageLoaderEndAnimation 1s ease-in forwards;}
#PageLoader.start-show > div {animation: PageLoaderStartAnimation .25s ease-out forwards;}

@keyframes PageLoaderStartAnimation {
	from {
		width: 50%;
	}
	to {
		width: 100%;
	}
}

@keyframes PageLoaderEndAnimation {
	0% {
		width: 0;
	}
	25% {
		width: 40%;
	}
	100% {
		width:50%;
	}
}