div.progressCircle {
    position:relative;
}
div.progressCircle > canvas {
    position:absolute;
    top:0;
    left:0;
}
div.progressCircle > div {
    color:#555;
    display: inline-block;
    height:100%;
    text-align:center;
    vertical-align: middle;
    width:100%;
    font-family:sans-serif;
    font-size:20pt;
    font-weight:100;
}

div.progressBar {
    display: block;
    width: 100%;
}
div.progressBar > canvas {
    display: inline-block;
}
div.progressBar > div {
    color:#555;
    display: inline-block;
    text-align:center;
    vertical-align: middle;
    font-family:sans-serif;
    font-size:20pt;
    font-weight:100;
}