這個外掛並未在最新的 3 個 WordPress 主要版本上進行測試。開發者可能不再對這個外掛進行維護或提供技術支援,並可能會與更新版本的 WordPress 產生使用上的相容性問題。

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]

使用者評論

2024 年 4 月 7 日
I have tried dozens of progress bar plugins, free and paid, and none of them have worked well (or at all). This one works. It's not super fancy, but I'll take simple and working over fancy and broken every day.
閱讀全部 1 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Pure CSS Circle Progress bar〉的開發相關工作。

參與者

將〈Pure CSS Circle Progress bar〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

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