Title: Custom progress bar
Author: Arif Hassan
Published: <strong>8. 5. 2014</strong>
Last modified: 29. 8. 2015

---

Prohledat pluginy

![](https://ps.w.org/custom-progress-bar/assets/banner-772x250.png?rev=1233832)

Plugin **nebyl testován na 3 nejnovějších verzích WordPressu.** Nemusí už být tedy
podporován a u novějších verzí WordPressu může mít problémy s kompatibilitou a může
být nestabilní.

![](https://s.w.org/plugins/geopattern-icon/custom-progress-bar_bdc9db.svg)

# Custom progress bar

 Autor: [Arif Hassan](https://profiles.wordpress.org/aarifhsn/)

[Stáhnout](https://downloads.wordpress.org/plugin/custom-progress-bar.zip)

 * [Podrobnosti](https://cs.wordpress.org/plugins/custom-progress-bar/#description)
 * [Hodnocení](https://cs.wordpress.org/plugins/custom-progress-bar/#reviews)
 *  [Instalace](https://cs.wordpress.org/plugins/custom-progress-bar/#installation)
 * [Vývojáři](https://cs.wordpress.org/plugins/custom-progress-bar/#developers)

 [Podpora](https://wordpress.org/support/plugin/custom-progress-bar/)

## Popis

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/

## Snímky obrazovky

[⌊screenshot-1⌉⌊screenshot-1⌉[

screenshot-1

[⌊screenshot-2⌉⌊screenshot-2⌉[

screenshot-2

[⌊screenshot-3⌉⌊screenshot-3⌉[

screenshot-3

[⌊screenshot-4⌉⌊screenshot-4⌉[

screenshot-4

[[

[[

[[

## Instalace

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.

## Recenze

![](https://secure.gravatar.com/avatar/44fcf6c88acf4c81e1a3ccbb3717a6eb3136b77a594acb07b26fbcc27865c1c0?
s=60&d=retro&r=g)

### 󠀁[Super / Good !](https://wordpress.org/support/topic/super-good/)󠁿

 [bgtbbox](https://profiles.wordpress.org/bgtbbox/) 11. 11. 2016

Très bon plugin simple, fonctionnel et beau. Merci 😉

![](https://secure.gravatar.com/avatar/63f65aaaacdcd442226ee28ad4e6b10c09abc7ee09b7c7d94ae3fb3e147150e5?
s=60&d=retro&r=g)

### 󠀁[Works great!](https://wordpress.org/support/topic/works-great-2448/)󠁿

 [ywamer](https://profiles.wordpress.org/ywamer/) 3. 9. 2016

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!

![](https://secure.gravatar.com/avatar/fb113088f3935ca0fbb79516f0ff1c32457c925bc4fa1bed5cae66f6ab749c26?
s=60&d=retro&r=g)

### 󠀁[Nice plugin!](https://wordpress.org/support/topic/nice-plugin-1183/)󠁿

 [Miguelriv](https://profiles.wordpress.org/miguelriv/) 3. 9. 2016

Nice plugin, i love circle progress bar!

 [ Přečtěte si všech 5 recenzí ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/)

## Autoři

Custom progress bar je otevřený software. Následující lidé přispěli k vývoji tohoto
pluginu.

Spolupracovníci

 *   [ Arif Hassan ](https://profiles.wordpress.org/aarifhsn/)

[Přeložte “Custom progress bar” do svého jazyka.](https://translate.wordpress.org/projects/wp-plugins/custom-progress-bar)

### Zajímá vás vývoj?

[Prohledejte kód](https://plugins.trac.wordpress.org/browser/custom-progress-bar/),
podívejte se do [SVN repozitáře](https://plugins.svn.wordpress.org/custom-progress-bar/),
nebo se přihlaste k[ odběru protokolu vývoje](https://plugins.trac.wordpress.org/log/custom-progress-bar/)
pomocí [RSS](https://plugins.trac.wordpress.org/log/custom-progress-bar/?limit=100&mode=stop_on_copy&format=rss).

## Přehled změn

#### 2.0

 * Added Circular progress bar and changed the style of progressbar

#### 1.0

 * Initial Release

## Meta

 *  Verze **2.0**
 *  Poslední aktualizace **před 11 roky**
 *  Aktivních instalací **100+**
 *  Verze WordPressu ** 3.0.1 nebo novější **
 *  Testováno až do WordPressu **4.3.34**
 *  Jazyk
 * [English (US)](https://wordpress.org/plugins/custom-progress-bar/)
 * Štítek
 * [progressbar](https://cs.wordpress.org/plugins/tags/progressbar/)
 *  [Podrobnosti](https://cs.wordpress.org/plugins/custom-progress-bar/advanced/)

## Hodnocení

 5 z 5 hvězdiček.

 *  [  5 5hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/?filter=5)
 *  [  0 4hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/?filter=4)
 *  [  0 3hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/?filter=3)
 *  [  0 2hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/?filter=2)
 *  [  0 1hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/custom-progress-bar/reviews/#new-post)

[Zobrazit všechny recenze](https://wordpress.org/support/plugin/custom-progress-bar/reviews/)

## Spolupracovníci

 *   [ Arif Hassan ](https://profiles.wordpress.org/aarifhsn/)

## Podpora

Potřebujete pomoc?

 [Fórum podpory](https://wordpress.org/support/plugin/custom-progress-bar/)