Pure CSS Circle Progress bar


Circle Progress bar.Built with CSS. Smallest (4KB) and efficient .Display your skill level in a circle style.Add unlimited circle progess bar with unlimited colors using shortcode or widget.
shortcode: [circle_progress fill=90/]
Place custom text inside circle: [circle_progress fill=90]Love[/circle_progress ]
Custom Color: [circle_progress fill=90 color='green']Love[/circle_progress ]
Add sizes: [circle_progress fill=99 color='green' size="big"]Love[/circle_progress ]
Find More instructions from here

Available Sizes:

  • [ ] big
  • [ ] medium
  • [ ] small
  • [ ] x-small

Available Sizes:

  • [ ] big
  • [ ] medium
  • [ ] small
  • [ ] x-small

سکرین شاٹاں

  • [circle_progress fill=90]
  • [circle_progress fill=95 color='green']
  • [circle_progress fill=95 color='red']
  • [circle_progress fill=95 color='blue' size='small']

انسٹال کرݨ

Just unzip the files to plugin directory and activate it. Simple.
Detail instruction can be found here : https://shafayat.xyz/2018/11/17/pure-css-circle-progress-bar-wordpress-plugin/

ہرہک دے سوال

  • How to use shortcode?
    • [circle_progress fill=90 /]
      • How to add size?
    • [circle_progress fill=90 size='big' /]
      • How to add color?
    • [circle_progress fill=90 size='big' color='green' /]
      • How to change text inside circle?
    • [circle_progress fill=90 size='big' color='green']Love[/circle_progress]


There are no reviews for this plugin.

Contributors & Developers

“Pure CSS Circle Progress bar” is open source software. The following people have contributed to this plugin.

حصہ پاوݨ آلے

تبدیلی لاگ

Added localization support.
Removed background color of bar.
Added new size of circle.