.progressbar{
	position: fixed;
	bottom: 0px;
	left: 0px;
	display: block;
	width: calc(100%);
	height: 7px;
	padding: 6px 0px;
	margin: 0px;
	z-index: 10000000000000;
	background: rgb(0 0 0 / 45%);
	overflow: hidden;
}


.progressbar .bar{
	position: absolute;
	top: 5px;
	
	display: block;
	width: 0%;
	height: 8px;
	border-radius: 12px;background: #ff0000;
	transition: width .5s ease-out;
	
}

.progressbar .bar.indeterminated{
	width: 20%;
	animation: flickerAnimation 2s linear infinite;
	transition: none !important;
}


@keyframes flickerAnimation { /* flame pulses */
  0%   { left:0; width: 0%; }
  20%   { left:0; width: 20%; }
  50%  { left:100%; width: 50%; }
  80%  { left:100%; width: 20%; }
  100%  { left:100%; width: 0%; }
}


.is_mobile .progressbar{
	position: fixed;
	top:0px;
	left: 0px;
	display: block;
	width: 100%;
	height:3px;
	z-index: 999999999999;
	background: #999;
}