Pure CSS Circle Progress bar

March 21, 2023

Pure CSS Circle Progress bar Plugin

Circle Progress bar.Built with CSS. Smallest (4KB) and efficient .Display your skill level in a circle style.Add unlimited circle progess bar with unl …

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

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/

Screenshots

  1. [circle_progress fill=90]

    [circle_progress fill=90]

  2. [circle_progress fill=95 color='green']

    [circle_progress fill=95 color='green']

  3. [circle_progress fill=95 color='red']

    [circle_progress fill=95 color='red']

  4. [circle_progress fill=95 color='blue' size='small']

    [circle_progress fill=95 color='blue' size='small']

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]

Changelog

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

Details

  • Version: 1.2
  • Active installations: 200
  • WordPress Version: 4.2
  • Tested up to: 6.2.6
  • PHP Version: 5.2

Ratings


5 Stars
4 Stars
3 Stars
2 Stars
1 Stars