1 Replies - 204 Views - Last Post: 30 July 2019 - 04:44 PM

#1 nancybaby101   User is offline

  • New D.I.C Head

Reputation: 0
  • View blog
  • Posts: 12
  • Joined: 19-July 19

creating circle progressbar using css

Posted 30 July 2019 - 03:57 PM

The code below shows a line progressbar.
I need to convert it to a circular progressbar. Can someone help me out?

#progress {
  width: 100%;
  height: 20px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

#bar {
  width: 3%;
  height: 20px;
  background-color: green;
  -webkit-transition: width 700ms ease;
}
<div id="progress">
  <div id="bar">
    <div>3%</div>
  </div>
</div>




Is This A Good Question/Topic? 0
  • +

Replies To: creating circle progressbar using css

#2 modi123_1   User is online

  • Suitor #2
  • member icon



Reputation: 15308
  • View blog
  • Posts: 61,389
  • Joined: 12-June 08

Re: creating circle progressbar using css

Posted 30 July 2019 - 04:44 PM

what have you tried, thought about, or considered?
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1