How to rotate round brogres bar scale in css?

Question

css

Please help me figure out how to turn the percentage (red) scale up or down, while starting from the top, as expected.

<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