.goldprogress {
	width: 278px;
    height: 65px;
    position: absolute;
    top: 215px;
    left: 50%;
    margin-left: -480px;
}
.goldprogress::before {
    content: '';
    display: block;
    width: 162px;
    height: 28px;
    background: #e6d0ac;
    position: absolute;
    top: 28px;
    left: 58px;
    z-index: 0;
}
.goldprogress::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: url(/img/gold_progress.png) 0 0 no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}
.goldprogress_bar {
    width: 162px;
    height: 28px;
	position: absolute;
    top: 28px;
    left: 58px;
}
.goldprogress_bar.grade-100 {
	background: #3e9901;
}
.goldprogress_bar.grade-75 {
	background: #fff000;
}
.goldprogress_bar.grade-50 {
	background: #f89e00;
}
.goldprogress_bar.grade-30 {
	background: #cc3a12;
}
.goldprogress_bar.grade-15 {
	background: #710000;
}
.goldprogress_percent {
    width: 162px;
    height: 28px;
	position: absolute;
    top: 28px;
    left: 58px;
	text-align: center;
    line-height: 28px;
    font-size: 14px;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    color: #2a1e1a;
}

.taskprogress:after {
	background-image: url(/img/task_progress.png);
}