.progress-bar{
  position: relative;
  margin: 4px auto;
  float: left;
  text-align: center;
  background: #fff;
  color: #333;
}
.center-text{
  display: table-cell;
  width: 100%;
  text-align: center;
  /*vertical-align: middle;*/   /*center da güzel durmuyor, %60 falan yapalim*/ 
  position: absolute;
  bottom: 10%;

}
.barOverflow{ 
  position: relative;
  display: table;
  overflow: hidden; 
  width: 700px; height: 360px;
  margin: auto; 
  margin-bottom: -14px;
}
.bar{
  position: absolute;
  top: 0; 
  left: 0;
  width: 700px; 
  height: 700px; 
  border-radius: 50%;
  box-sizing: border-box;
  border: 15px solid #ececec;       
  border-bottom-color: gray; 
  border-right-color: gray;
  transform: rotate(45deg);
}