Title: Progress Bar Last modified: August 3, 2017 --- # Progress Bar * Resolved [PDidee](https://wordpress.org/support/users/pdidee/) * (@pdidee) * [8 years, 10 months ago](https://wordpress.org/support/topic/progress-bar-19/) * It seems that the latest version here has the same css for the progress bar as it does for the radial progress. I’d like to show the progress as a bar rather than a radial if possible. Viewing 14 replies - 1 through 14 (of 14 total) * Plugin Author [Alex Furr](https://wordpress.org/support/users/alexfurr/) * (@alexfurr) * [8 years, 10 months ago](https://wordpress.org/support/topic/progress-bar-19/#post-9377850) * Hi, * Sorry you’re having problems with this. I’m using the latest version and its showing progress bars for me. Check the settings tab for the ‘Show Radial Progress’/‘ Show bar’ options. * Alex * Thread Starter [PDidee](https://wordpress.org/support/users/pdidee/) * (@pdidee) * [8 years, 10 months ago](https://wordpress.org/support/topic/progress-bar-19/#post-9377883) * Hi I did that, I have it set to “Show as bar” but I still get the radial. Whether I select that “Show as radial progress” or “Do not show progress” I get the radial progress ONLY. - This reply was modified 8 years, 10 months ago by [PDidee](https://wordpress.org/support/users/pdidee/). * Plugin Author [Alex Furr](https://wordpress.org/support/users/alexfurr/) * (@alexfurr) * [8 years, 10 months ago](https://wordpress.org/support/topic/progress-bar-19/#post-9378022) * Ok, where are you seeing the dial? On the topic menu page? I.e. The parent pages? Or is this on the widget? * Alex * Thread Starter [PDidee](https://wordpress.org/support/users/pdidee/) * (@pdidee) * [8 years, 10 months ago](https://wordpress.org/support/topic/progress-bar-19/#post-9378031) * It’s on a widget. * Thread Starter [PDidee](https://wordpress.org/support/users/pdidee/) * (@pdidee) * [8 years, 10 months ago](https://wordpress.org/support/topic/progress-bar-19/#post-9378389) * Yeah if I go to the parent page the progress bar is there but the widget shows as a dial. Also is it possible to change the toggle to look more like a button? I tried with css but the click event I think is linked the img file. * Plugin Author [Alex Furr](https://wordpress.org/support/users/alexfurr/) * (@alexfurr) * [8 years, 10 months ago](https://wordpress.org/support/topic/progress-bar-19/#post-9378448) * Ok so that’s expected behaviour I.e. The widget only ever showed a radial dial, mainly because we felt the bar would be too long to fit neatly into a sidebar. * We are looking at changing the image toggle button to a css version such as [https://www.w3schools.com/howto/howto_css_switch.asp](https://www.w3schools.com/howto/howto_css_switch.asp) * You should then be be able to customise the css if you wish. Alex * Thread Starter [PDidee](https://wordpress.org/support/users/pdidee/) * (@pdidee) * [8 years, 10 months ago](https://wordpress.org/support/topic/progress-bar-19/#post-9378501) * Is there a way to have a bar in a widget? Set the size to a percentage? * Plugin Author [Alex Furr](https://wordpress.org/support/users/alexfurr/) * (@alexfurr) * [8 years, 10 months ago](https://wordpress.org/support/topic/progress-bar-19/#post-9378605) * There isn’t currently, but I can add it as a new feature, but it will be a few weeks away as I’m on holiday abroad at the moment. I can see if there is a work around if you’re happy playing with the code? Alex * Thread Starter [PDidee](https://wordpress.org/support/users/pdidee/) * (@pdidee) * [8 years, 10 months ago](https://wordpress.org/support/topic/progress-bar-19/#post-9378616) * Sure thing. Please let me know if there is a work around Thanks! * Plugin Author [Alex Furr](https://wordpress.org/support/users/alexfurr/) * (@alexfurr) * [8 years, 10 months ago](https://wordpress.org/support/topic/progress-bar-19/#post-9378697) * OK try opening widget.php around line 65 * ``` $progressArgs = array( "parent"=>$trackedID, "type" => 'radial' ); $progressDial = progressTracker::showUserProgress( $progressArgs ); ``` * Change type radial to type bar * Alex * Thread Starter [PDidee](https://wordpress.org/support/users/pdidee/) * (@pdidee) * [8 years, 10 months ago](https://wordpress.org/support/topic/progress-bar-19/#post-9380995) * Perfect! I also set a max-width of 100% which fixed the length issue here. * Thread Starter [PDidee](https://wordpress.org/support/users/pdidee/) * (@pdidee) * [8 years, 10 months ago](https://wordpress.org/support/topic/progress-bar-19/#post-9381067) * To implement the css toggle you can do this: `$pTrackerToggler.= '';` * on line 445 in class-draw.php * Plugin Author [Alex Furr](https://wordpress.org/support/users/alexfurr/) * (@alexfurr) * [8 years, 10 months ago](https://wordpress.org/support/topic/progress-bar-19/#post-9381071) * Great. Good Job! I’ll close the ticket… Alex * [sburian](https://wordpress.org/support/users/sburian/) * (@sburian) * [8 years, 9 months ago](https://wordpress.org/support/topic/progress-bar-19/#post-9457968) * After changing the type to bar, how did you change the width? Viewing 14 replies - 1 through 14 (of 14 total) The topic ‘Progress Bar’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/progress-tracker_eaeaea.svg) * [Progress Tracker](https://wordpress.org/plugins/progress-tracker/) * [Frequently Asked Questions](https://wordpress.org/plugins/progress-tracker/#faq) * [Support Threads](https://wordpress.org/support/plugin/progress-tracker/) * [Active Topics](https://wordpress.org/support/plugin/progress-tracker/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/progress-tracker/unresolved/) * [Reviews](https://wordpress.org/support/plugin/progress-tracker/reviews/) * 14 replies * 3 participants * Last reply from: [sburian](https://wordpress.org/support/users/sburian/) * Last activity: [8 years, 9 months ago](https://wordpress.org/support/topic/progress-bar-19/#post-9457968) * Status: resolved