圆环图与单元素数据表示

Question

我有一个只有一个元素数据表示的圆环图，我想显示学生标记一个主题的进度。如果总标记是40固定，如果学生获得20分，那么我必须显示甜甜圈一共40个和20个安全的一个颜色和剩余的其他颜色，正好20个是40％的50％，所以戒指是50％填充。 示例图片网址：https://www.google.co.in/search?hl=en-IN&q=circle&tbm=isch&imgil=-i9okmrsNWnMOM%253A%253B4SprfRuxEdGBNM%253Bhttp%25253A%25252F%25252Fwww.jqueryscript.net%25252Floading%25252FSimple-Circle-Progress-Indicator-Plugin-with-jQuery-CSS3-Progress-Circle.html&source=iu&pf=m&tbs=simg:CAES1QEJmyL9JbxYb1cayQELEKjU2AQaAggKDAsQsIynCBpiCmAIAxIo8ga9ApUKoAmxFIUDmgr0BtAS8QazPcA9mCmhNJo9sj26KJY9_1zOjNBowkhxs4AjCwNn1av70aVKYZ8lLi4d1v8nTePPG-E8DP0ys8AhJfw1g-CDwjX177INFIAMMCxCOrv4IGgoKCAgBEgT3LCE-DAsQne3BCRo3CggKBmNpcmNsZQoHCgVzbWlsZQoGCgRzaWduCgoKCGdyYXBoaWNzCg4KDG9yZ2FuaXphdGlvbgw&fir=-i9okmrsNWnMOM%253A%252C4SprfRuxEdGBNM%252C_&usg=__miDKH8nE5s9Y45Nf-oFIrFA4CjQ%3D&biw=1303&bih=673&ved=0ahUKEwj28Za2s-PNAhWHQo8KHeljD3wQyjcISA&ei=6l1_V_bUB4eFvQTpx73gBw#imgrc=-i9okmrsNWnMOM%3A