Hallo,

sorry hatte mein Code vergessen zu posten :/ hier meine Idee

  
#kreis {  
    background-color: #00a9d4;  
    position: absolute;  
    width: 200px;  
    height: 200px;  
    top: 100px;  
    left: 250px;  
    text-align: center;  
    border-radius: 100px;  
}  
  
#kreis p{  
	color:#FFF;  
	font-weight:bold;  
	font-size:60px;  
}  

  
<div id="kreis">  
    <p>77%</p>  
</div>  

Die Frage ist nun, wie bekomme ich den Rand drum herum inkl. dass er NICHT ganz zu geht.