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

Custom progress bar

外掛說明

Progressbar plugin will enable awesome progress bar with various styles.
you can change your progressbar with various styles with custom width, color, animation styles.

demo and documentation: http://design.hellothirteen.com/custom-progress-bar/

螢幕擷圖

  • screenshot-1
  • screenshot-2
  • screenshot-3
  • screenshot-4

安裝方式

This section describes how to install the plugin and get it working.

e.g.

  1. Upload custom-progress-bar.php to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress
  3. Place ” in your templates
  4. to get the hook name, see the documentation.
  5. Use shortcode in posts, page or in widget

Plugin usage –
progress bar can be easily embedded into any page or post. To use it, simply paste this code into your post, page or widget.

[progressbar_simple]

Usages of different progressbar, you can use this shortocode in your posts, pages or widgets.

To use striped progress bar, use this shortocode

Chnage the text field as you want.

[progressbar_striped width="78" color="#ddd" bg_color="#1582cf" text="78% completed"]

To use striped animated bar, use this shortocode

[progressbar_striped class="active" width="75" text="75% In PHP" bg_color="#e43573"]

To use 3 Colors progress bar, use this shortocode

for default style

[pregressbar_multicolor]

To use 3 Colors progress bar, use this shortocode

for custom style style

[pregressbar_multicolor width="90" bg_color_1="#ec13b7" bg_color_2="#cd60b2" bg_color_3="#ed99d8" text_1="90%"]

To customize your progress bar, you have to use some codes with this shortcode:

You can use width for changing your progressbar width.

You can use bg_color for changing your progressbar background-color.

You can use color for changing your progressbar font-color. e.g.

[progressbar width="60" color="#000" bg_color="#aaa"]
[progressbar_striped width="25" color="#ddd" bg_color="#000"]

Also you can use text for changing your progressbar text over the progressbar.

[progressbar_striped width="25" color="#ddd" text="25% completed"]

This plugin also supported widget shortcode, you can use shortcode in the widget also.

使用者評論

2016 年 9 月 3 日
I've been using this for several months now to highlight a fundraising campaign we want to draw attention to. The plugin works great and is quickly modified using a shortcode, like: [progressbar_striped class="active" width="50" color="#fff" bg_color="#aa0000" text="50% to budget... and getting closer!"] Much thanks to the developer!
閱讀全部 5 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Custom progress bar〉的開發相關工作。

參與者

將 Custom progress bar 外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

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

變更記錄

2.0

  • Added Circular progress bar and changed the style of progressbar

1.0

  • Initial Release