Pure CSS Circle Progress bar

Description

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

Screenshots

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

Installation

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/

FAQ

  • 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]

Reviews

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.

Contributors

Changelog

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