progresscirclebar
The Progress Circle/Bar Module provides simple way to add counter/poll field to content type.
Based on selection it converts the percentage to a beautiful circular counter or progress bar (whichever selected in configuration)
The Progress Circle/Bar module uses simple javascript due to that its very light weight and doesn't effect performance.
The Progress Circle/Bar module provides configuration for choosing circular UI or Bar UI and it also provides configuration to select background colors for Circle/Bar.
Configuration
After enabling the Module.
Go to any of your Content type -> Manage field -> Add new field -> Select Progress Circle/Bar.
Then Go to Manage Display and change the Display setting for the field to Bar or Circle as per your need.
If you want to change the colors for Bar or Circle then Navigate to : /admin/config/system/progressoptions or Configuration -> System -> Progress Settings and add background colors for circle and bar as per your need.