Title: Custom progress bar Author: Arif Hassan Published: 8 de Maio, 2014 Last modified: 29 de Agosto, 2015 --- Buscar plugins ![](https://ps.w.org/custom-progress-bar/assets/banner-772x250.png?rev=1233832) Este plugin **non se actualizou en máis de 2 anos**. É posible que xa non sexa compatible ou mantido por ninguén, ou podes ter problemas de compatibilidade cando se usa con novas versións de WordPress. ![](https://s.w.org/plugins/geopattern-icon/custom-progress-bar_bdc9db.svg) # Custom progress bar Por [Arif Hassan](https://profiles.wordpress.org/aarifhsn/) [Descargar](https://downloads.wordpress.org/plugin/custom-progress-bar.zip) * [Detalles](https://gl.wordpress.org/plugins/custom-progress-bar/#description) * [Valoracións](https://gl.wordpress.org/plugins/custom-progress-bar/#reviews) * [Instalación](https://gl.wordpress.org/plugins/custom-progress-bar/#installation) * [Desenvolvemento](https://gl.wordpress.org/plugins/custom-progress-bar/#developers) [Soporte](https://wordpress.org/support/plugin/custom-progress-bar/) ## Descrición 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 [⌊screenshot-1⌉⌊screenshot-1⌉[ screenshot-1 [⌊screenshot-2⌉⌊screenshot-2⌉[ screenshot-2 [⌊screenshot-3⌉⌊screenshot-3⌉[ screenshot-3 [⌊screenshot-4⌉⌊screenshot-4⌉[ screenshot-4 [[ [[ [[ ## Instalación 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. ## Comentarios ![](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 de 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 de 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 de Setembro, 2016 Nice plugin, i love circle progress bar! [ Ler todas as 5 opinións ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/) ## Colaboradores e desenvolvedores “Custom progress bar” é un software de código aberto. As seguintes persoas colaboraron con este plugin. Colaboradores * [ Arif Hassan ](https://profiles.wordpress.org/aarifhsn/) [Traduce “Custom progress bar” ao teu idioma.](https://translate.wordpress.org/projects/wp-plugins/custom-progress-bar) ### Interesado no desenvolvemento? [Revisa o código](https://plugins.trac.wordpress.org/browser/custom-progress-bar/), bota unha ollada ao[repositorio SVN](https://plugins.svn.wordpress.org/custom-progress-bar/), ou subscríbete ao [log de desenvolvemento](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). ## Rexistro de cambios #### 2.0 * Added Circular progress bar and changed the style of progressbar #### 1.0 * Initial Release ## Meta * Versión **2.0** * Última actualización **Fai 11 anos** * Instalacións activas **100+** * Versión de WordPress ** 3.0.1 ou superior ** * Probado ata **4.3.34** * Idioma * [English (US)](https://wordpress.org/plugins/custom-progress-bar/) * Etiqueta * [progressbar](https://gl.wordpress.org/plugins/tags/progressbar/) * [Vista avanzada](https://gl.wordpress.org/plugins/custom-progress-bar/advanced/) ## Valoracións 5 de 5 estrelas * [ 5 valoracións de 5 estrelas ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/?filter=5) * [ 0 valoracións de 4 estrelas ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/?filter=4) * [ 0 valoracións de 3 estrelas ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/?filter=3) * [ 0 valoracións de 2 estrelas ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/?filter=2) * [ 0 valoracións de 1 estrelas ](https://wordpress.org/support/plugin/custom-progress-bar/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/custom-progress-bar/reviews/#new-post) [Ver todas as valoracións](https://wordpress.org/support/plugin/custom-progress-bar/reviews/) ## Colaboradores * [ Arif Hassan ](https://profiles.wordpress.org/aarifhsn/) ## Soporte Tes algo que dicir? Necesitas axuda? [Ver o foro de soporte](https://wordpress.org/support/plugin/custom-progress-bar/)