.dial{margin:20px;width:100px;height:100px;line-height:95px}.dial .dial-text,.dial svg{width:inherit;height:inherit}.dial svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);border-radius:50%}.dial circle{fill:#ddd;stroke:#e74c3c;stroke-width:32;stroke-dasharray:0 100;transition:stroke-dasharray .6s ease}.dial .inner-circle{fill:#eee}.dial .dial-text{position:relative;background-color:transparent;text-align:center;font-size:26px;top:-140px}.dial-blue circle{stroke:#3498db}.dial-green circle{stroke:#2ecc71}.dial-yellow circle{stroke:#f1c40f}.dial-red circle{stroke:#e74c3c}