.demo{ background: #2c304a;padding: 2em 0; }
		.progress-title{
		    font-size: 18px;
		    font-weight: 700;
		    color: var(--color1);
		    margin: 0 0 20px;
		}
		.progress{
		    height: 20px;
		    background: #e1e1e1;
		    border-radius: 20px;
		    border: 1px solid #e1e1e1;
		    margin-bottom: 40px;
		    overflow: visible;
		    position: relative;
		}
		.progress .progress-bar{
		    border-radius: 20px;
		    border:  1px solid var(--color1);
		    -webkit-animation: animate-positive 2s;
		    animation: animate-positive 2s;
			height: 20px;
		}
		.progress .progress-value{
		    width: 65px;
		    height: 25px;
		    line-height: 25px;
		    background: var(--color1);
		    font-size: 15px;
		    color: #fff;
		    border-radius: 0 0 15px 15px;
		    border: 1px solid var(--color1);
		    border-top: none;
		    box-shadow: 0 2px 2px var(--color1);
		    position: absolute;
		    bottom: -25px;
		    right: 60px;
			text-align: center;
		}
		@-webkit-keyframes animate-positive{
		    0% { width: 0; }
		}
		@keyframes animate-positive{
		    0% { width: 0; }
		}