Pure CSS Circle Progress bar

Leírás

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

Képernyőmentések

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

Telepítés

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/

GYIK

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

Vélemények

Nincsenek értékelések erről a bővítményről.

Közreműködők és fejlesztők

“Pure CSS Circle Progress bar” egy nyílt forráskódú szoftver. A bővítményhez a következő személyek járultak hozzá:

Közreműködők

“Pure CSS Circle Progress bar” fordítása a saját nyelvünkre.

Érdekeltek vagyunk a fejlesztésben?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Változási napló

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