Как повернуть шкалу круглого брогрес бара на css?

Question

[A_l_e_x_e_y]

Помогите пожалуйста разобраться как можно повернуть процентную (красную) шкалу в большую или меньшую сторону, при том, чтоб начало шло с верху, как положено.

<div class="block html-progress">
				<h2>75 %</h2>
				<p>HTML</p>
				</div>

.block
  width: 170px
  height: 170px
  margin: 35px 0 30px 0
  background: transporant
  border: 12px solid $accent
  border-radius: 100%
  border-top: 12px solid #DBDBDB
  transform: rotate(-45deg)
  p, h2
  	text-align: center
  	transform: rotate(45deg)
  	margin: 0
  p	
  	font-size: 20px
  	padding: 10px 50px 10px 0
  h2
  	padding: 30px 0 0 50px