Title: Custom progress bar Author: Arif Hassan Published: 8 maio, 2014 Last modified: 29 agosto, 2015 --- Pesquisar plugins ![](https://ps.w.org/custom-progress-bar/assets/banner-772x250.png?rev=1233832) Este plugin **não foi testado com os 3 lançamentos principais mais recentes do WordPress**. Ele pode não ser mais mantido ou suportado e pode ter problemas de compatibilidade quando usado com versões mais recentes do WordPress. ![](https://s.w.org/plugins/geopattern-icon/custom-progress-bar_bdc9db.svg) # Custom progress bar Por [Arif Hassan](https://profiles.wordpress.org/aarifhsn/) [Baixar](https://downloads.wordpress.org/plugin/custom-progress-bar.zip) * [Detalhes](https://br.wordpress.org/plugins/custom-progress-bar/#description) * [Avaliações](https://br.wordpress.org/plugins/custom-progress-bar/#reviews) * [Instalação](https://br.wordpress.org/plugins/custom-progress-bar/#installation) * [Desenvolvimento](https://br.wordpress.org/plugins/custom-progress-bar/#developers) [Suporte](https://wordpress.org/support/plugin/custom-progress-bar/) ## Descrição 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/ ## Capturas de tela * [[ * screenshot-1 * [[ * screenshot-2 * [[ * screenshot-3 * [[ * screenshot-4 * [[ * [[ * [[ ## Instalação 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. ## Avaliações ![](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 novembro, 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 setembro, 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 setembro, 2016 Nice plugin, i love circle progress bar! [ Leia todas as 5 avaliações ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/) ## Colaboradores e desenvolvedores “Custom progress bar” é um programa de código aberto. As seguintes pessoas contribuíram para este plugin. Colaboradores * [ Arif Hassan ](https://profiles.wordpress.org/aarifhsn/) [Traduzir o “Custom progress bar” para seu idioma.](https://translate.wordpress.org/projects/wp-plugins/custom-progress-bar) ### Interessado no desenvolvimento? [Navegue pelo código](https://plugins.trac.wordpress.org/browser/custom-progress-bar/), consulte o [repositório SVN](https://plugins.svn.wordpress.org/custom-progress-bar/) ou assine o [registro de desenvolvimento](https://plugins.trac.wordpress.org/log/custom-progress-bar/) por [RSS](https://plugins.trac.wordpress.org/log/custom-progress-bar/?limit=100&mode=stop_on_copy&format=rss). ## Registro de alterações #### 2.0 * Added Circular progress bar and changed the style of progressbar #### 1.0 * Initial Release ## Meta * Versão **2.0** * Última atualização **11 anos atrás** * Instalações ativas **100+** * Versão do WordPress ** 3.0.1 ou superior ** * Testado até **4.3.34** * Idioma * [English (US)](https://wordpress.org/plugins/custom-progress-bar/) * Tag * [progressbar](https://br.wordpress.org/plugins/tags/progressbar/) * [Visualização avançada](https://br.wordpress.org/plugins/custom-progress-bar/advanced/) ## Classificações 5 de 5 estrelas. * [ 5 avaliações com 5 estrelas ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/?filter=5) * [ 0 avaliação com 4 estrela ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/?filter=4) * [ 0 avaliação com 3 estrela ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/?filter=3) * [ 0 avaliação com 2 estrela ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/?filter=2) * [ 0 avaliação com 1 estrela ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/?filter=1) [Adicionar minha avaliação](https://wordpress.org/support/plugin/custom-progress-bar/reviews/#new-post) [Ver todas avaliações](https://wordpress.org/support/plugin/custom-progress-bar/reviews/) ## Colaboradores * [ Arif Hassan ](https://profiles.wordpress.org/aarifhsn/) ## Suporte Tem algo a dizer? Precisa de ajuda? [Ver fórum de suporte](https://wordpress.org/support/plugin/custom-progress-bar/)