.demo
{
	padding: 100px 0;
}
.heading-title
{
	margin-bottom: 100px;
}
.progress-title{
    font-size: 16px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 20px;
}

.progress{
    height: 10px;
    background: #cbcbcb;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 30px;
    overflow: visible;
}

.progress .progress-bar{
    box-shadow: none;
    position: relative;
    -webkit-animation: animate-positive 2s;
    animation: animate-positive 2s;
}

.progress .progress-bar:after{
    content: "";
    display: block;
    border: 15px solid transparent;
    border-bottom: 21px solid transparent;
    position: absolute;
    top: -26px;
    right: -12px;
}

.progress .progress-value{
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    position: absolute;
    top: -40px;
    right: 0;
}

.progress.pink .progress-bar:after{
    border-bottom-color: #ff4b7d;
}

.progress.green .progress-bar:after{
    border-bottom-color: #5fad56;
}

.progress.yellow .progress-bar:after{
    border-bottom-color: #e8d324;
}

.progress.blue .progress-bar:after{
    border-bottom-color: #3485ef;
}

@-webkit-keyframes animate-positive{
    0% { width: 0; }
}

@keyframes animate-positive{
    0% { width: 0; }
}@charset "utf-8";
/* CSS Document */