[wordpress插件] Custom progress bar自定义进度栏

Progressbar plugin will enable awesome progress bar with various styles.

Progressbar插件将启用各种样式的超棒进度条。

you can change your progressbar with various styles with custom width, color, animation styles.

您可以使用自定义宽度，颜色，动画样式的各种样式来更改进度栏。

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

演示和文档：http://design.hellothirteen.com/custom-progress-bar/

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. 将custom-progress-bar.php上载到 / wp-content / plugins / 目录

3. Activate the plugin through the ‘Plugins’ menu in WordPress
4. 通过WordPress中的“插件”菜单激活插件

5. Place ” in your templates
6. 在模板中放置”

7. to get the hook name, see the documentation.
8. 要获取挂钩名称，请参阅文档。

9. Use shortcode in posts, page or in widget
10. 在帖子，页面或小部件中使用简码

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]

 [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"]
 [progressbar_striped width =“ 78” color =“＃ddd” bg_c​​olor =“＃1582cf” text =“ 78％已完成”] 
To use striped animated bar, use this shortocode
 要使用条纹动画栏，请使用此简短代码 
[progressbar_striped class="active" width="75" text="75% In PHP" bg_color="#e43573"]
 [progressbar_striped class =“ active” width =“ 75” text =“ 75％In PHP” bg_c​​olor =“＃e43573”] 
To use 3 Colors progress bar, use this shortocode
 要使用3种颜色进度条，请使用此简码 
for default style
默认样式
[pregressbar_multicolor]
 [pregressbar_multicolor] 
To use 3 Colors progress bar, use this shortocode
 要使用3种颜色进度条，请使用此简码 
for custom style style
用于自定义样式样式
[pregressbar_multicolor width="90" bg_color_1="#ec13b7" bg_color_2="#cd60b2" bg_color_3="#ed99d8" text_1="90%"]
 [pregressbar_multicolor width =“ 90” bg_c​​olor_1 =“＃ec13b7” bg_c​​olor_2 =“＃cd60b2” bg_c​​olor_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.
您可以使用 width 更改进度条的宽度。
You can use bg_color for changing your progressbar background-color.
您可以使用 bg_c​​olor 更改进度条的背景颜色。
You can use color for changing your progressbar font-color.
您可以使用颜色更改进度条的字体颜色。
e.g.
例如
[progressbar width="60" color="#000" bg_color="#aaa"]
 [进度栏width =“ 60” color =“＃000” bg_c​​olor =“＃aaa”] 
[progressbar_striped width="25" color="#ddd" bg_color="#000"]
 [progressbar_striped width =“ 25” color =“＃ddd” bg_c​​olor =“＃000”] 
Also you can use text for changing your progressbar text over the progressbar.
您还可以使用文本在进度条上更改进度条文本。
[progressbar_striped width="25" color="#ddd" text="25% completed"]
 [progressbar_striped width =“ 25” color =“＃ddd” text =“完成25％”] 
This plugin also supported widget shortcode, you can use shortcode in the widget also.
此插件还支持小部件简码，您也可以在小部件中使用简码。