https://www.machform.com/forums/ MachForm Community Forums Topic: Quick question about progress bar color (for multiple pages). en Sun, 03 May 2026 23:07:00 +0000 https://www.machform.com/forums/topic/quick-question-about-progress-bar-color-for-multiple-pages#post-20708 Sat, 12 Apr 2014 11:46:02 +0000 yuniar 20708@https://www.machform.com/forums/ <p>To change the color of the progress bar, you can add this CSS code into your form's theme:</p> <pre><code>div.mf_progress_value { background-color: #64992C; }</code></pre> <p>change the above color code with your own preferred color.<br /> You can also add any other effect to the progress bar by targeting the class being used by the progress bar. I don't have the complete code for this though, so you might need to play around with it. </p> https://www.machform.com/forums/topic/quick-question-about-progress-bar-color-for-multiple-pages#post-20654 Tue, 08 Apr 2014 19:41:49 +0000 MvdL1979 20654@https://www.machform.com/forums/ <p>Hi Yuniar,</p> <p>Well after we purchased the upgrade to the unlimited license for MachForm 4, I decided to testdrive it a bit.<br /> So far I am really liking it. So many improvements. We didn't use MachForm much any more since version 3.2. So my compliments!</p> <p>I will probably be asking a few more questions in the near future, however, just wondering if or how you can change the color of the progress bar (which is being displayed when you use multiple pages). Furthermore would it be possible use some kind of cool CSS 3 effects for it?</p> <p>Like shown here: <a href="http://css-tricks.com/html5-progress-element/" rel="nofollow">http://css-tricks.com/html5-progress-element/</a><br /> Though it's not really important but would look nice. Maybe something for the future?</p> <p>Anyways, back to the more simple things. How can we change the default color for the progress bar to something else (or perhaps even use a gradient for it).</p> <p>Thank you in advance.</p> <p>Regards,<br /> Michel </p>