#status_list {
    position: absolute;
    left   : 18%;
    bottom : 3.5%;
    width  : 14.5%;
    opacity: 0.3;
}
body
{
    margin: 0;
    padding: 0;
}
.circle
{
    float: left;
    margin-left: 5%;
    transform: translate(-50%,-50%);
    width: 60px;
    height: 60px;
    background: #ccc;
    box-shadow: 0 0 0 5px black;
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.wave
{
    background-color: orange;
    position: relative;
    width: 100%;
}
.procenty{
    color: black;
    text-align: center;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}