dd .k-progressbar{
    width:100%;
}

.k-progressbar-horizontal{
    height:25px;
    line-height:25px;
}

.k-progress-status {
    font-size:15px;
    display: contents;
    background-color: #c9d1ff;
}

.k-progressbar .k-state-selected {
    background-color:#05395b;
}

span.k-progress-status-wrap {
    position: relative;
    left: auto;
    right: auto;
    text-align: center;
    display: inline-block;
    color: white;
}

:root {
    --chart-size: 60px;
}

.chart-container{
    position:relative;
}

    .chart-container .k-chart {
        width: var(--chart-size);
        height: var(--chart-size);
        display: inline-block
    }

    .chart-container #title {
        position: absolute;
        top: 0px;
        left: auto;
        right: auto;
        line-height: var(--chart-size);
        top: 0px;
        width: 100%;
        height: 100%;
        color: white;
    }