body {
background: #222;
}
.wrapper {
margin: 30px auto;
width: 200px;
}
.wrapper .speedometer {
width: 200px;
height: 100px;
background: #666;
-moz-border-radius: 200px 200px 0 0;
-webkit-border-radius: 200px;
border-radius: 200px 200px 0 0;
position: relative;
}
.wrapper .speedometer .pointer {
position: absolute;
bottom: 0px;
left: 50%;
width: 0;
height: 0;
}
.wrapper .speedometer .pointer:after {
content: "";
display: block;
width: 40px;
height: 20px;
-moz-border-radius: 40px 40px 0 0;
-webkit-border-radius: 40px;
border-radius: 40px 40px 0 0;
background: #333;
position: absolute;
bottom: -10px;
left: -20px;
}
