.chart {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 100px;
 /*  margin-top: 50px;
  margin-bottom: 50px; */
  text-align: center;
}
.chart canvas {
  position: absolute;
  top: 0;
  left: 0;
      margin-top: 10px;
    margin-left: 4px;
}
.chart .percent {
  display: inline-block;
  line-height: 110px;
  z-index: 2;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
} 

.chartEx {
    position: relative;
    display: inline-block;
    width: 71px;
    height: 17px;
    text-align: center;
}

.chartEx .percent {
    display: inline-block;
    line-height: 36px;
    z-index: 2;
}
.chartEx canvas {
    position: absolute;
    top: 0;
    left: 0;
     margin-top: -3px;
    margin-left: 15px;
}