Title: HTML element for custom progress per page
Last modified: August 30, 2016

---

# HTML element for custom progress per page

 *  Resolved [jonocarder](https://wordpress.org/support/users/jonocarder/)
 * (@jonocarder)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/html-element-for-custom-progress-per-page/)
 * I have a multiple page form that I want to edit the breadcrumbs. In the options
   it states:
    _ProTip: Use an HTML element to build a custom progress per page_
   How does one do that, or edit the existing breadcrumbs that it auto generates?
 *  Thanks
 * [https://wordpress.org/plugins/caldera-forms/](https://wordpress.org/plugins/caldera-forms/)

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Adi Glibanović](https://wordpress.org/support/users/rberet/)
 * (@rberet)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/html-element-for-custom-progress-per-page/#post-6300148)
 * You can use CUSTOM HTML field to achieve that with this simple boostrap based
   progress bar [http://postimg.org/image/cbsdbwvp3/](http://postimg.org/image/cbsdbwvp3/).
 * Use this CSS for it, simply change color of progress bar by changing this values
   of “background-color” [http://pastebin.com/DukbXVU3](http://postimg.org/image/cbsdbwvp3/)
 * This code will go to Custom HTML field [http://pastebin.com/bdABViz6](http://postimg.org/image/cbsdbwvp3/).
   You can simply put percentages instead of text or something…
 * Hope this helps…
 *  Thread Starter [jonocarder](https://wordpress.org/support/users/jonocarder/)
 * (@jonocarder)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/html-element-for-custom-progress-per-page/#post-6300149)
 * Thank you for the advise rdberet, unfortunately each link you posted goes to 
   the same screenshot as first link.
 *  [Adi Glibanović](https://wordpress.org/support/users/rberet/)
 * (@rberet)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/html-element-for-custom-progress-per-page/#post-6300150)
 * Sorry, here it is
    — **CORRECTED** — First: [http://postimg.org/image/cbsdbwvp3/](http://postimg.org/image/cbsdbwvp3/).
 * CSS: [http://pastebin.com/DukbXVU3](http://pastebin.com/DukbXVU3)
 * Code for HTML field: [http://pastebin.com/bdABViz6](http://pastebin.com/bdABViz6)
 *  Thread Starter [jonocarder](https://wordpress.org/support/users/jonocarder/)
 * (@jonocarder)
 * [10 years, 10 months ago](https://wordpress.org/support/topic/html-element-for-custom-progress-per-page/#post-6300192)
 * thanks

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘HTML element for custom progress per page’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/caldera-forms_475846.svg)
 * [Caldera Forms - More Than Contact Forms](https://wordpress.org/plugins/caldera-forms/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/caldera-forms/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/caldera-forms/)
 * [Active Topics](https://wordpress.org/support/plugin/caldera-forms/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/caldera-forms/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/caldera-forms/reviews/)

## Tags

 * [multi-page](https://wordpress.org/support/topic-tag/multi-page/)

 * 4 replies
 * 2 participants
 * Last reply from: [jonocarder](https://wordpress.org/support/users/jonocarder/)
 * Last activity: [10 years, 10 months ago](https://wordpress.org/support/topic/html-element-for-custom-progress-per-page/#post-6300192)
 * Status: resolved