Responsive Progress Bar

外掛說明

A lightweight responsive progress bar which will work with your favourite HTML5 theme.

It works with major browsers, is configurable and only dependency is jQuery which is heavily used by WordPress themes.

Usage

Use the shortcode [rprogress] anywhere while editing your post or page. Below are some examples:

  • [rprogress value=80] displays a progress bar with value of 80%
  • [rprogress value=95 text=”Homework nearly completed”] writes a text as well
  • [rprogress value=75 color=”#ff0000″] uses red color for the progress bar
  • [rprogress value=70 color=”#00ff00″ delay=300] uses green color, draws the progress bar faster (default delay is 1000)

Below is a complete list of attributes with default values as well:

  • value (default = 100)
  • color (default = “#4af”)
  • bgcolor (default = “#cc” )
  • delay (default = 1000)
  • border_radius (default = “3px”)
  • text (default = “”)
  • text_color (default = “#333”)

螢幕擷圖

  • Responsive Progress Bar in action
  • Using the shortcode in WordPress editor

安裝方式

  1. Download the latest version and extract it in the /wp-content/plugins/ directory.
  2. Activate the plugin through the ‘Plugins’ menu in WordPress.

To disable the shortcode, deactivate the plugin in the ‘Plugins’ menu in WordPress.

常見問題集

沒有文章

沒有文章

使用者評論

閱讀全部 3 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Responsive Progress Bar〉的開發相關工作。

參與者

將 Responsive Progress Bar 外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

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

變更記錄

1.0

  • Initial version.