Progress Bar widget - smaller bar

Hello,

I'd like to use the widget on my form, however, it just doesn't look right there. It is to big and it overlaps the rounded corners.

Could you provide me with some CSS that would allow it to be smaller (something like the red box below)

http://monosnap.com/image/4kpTXmA5IUAcGEgTBIR2deJ3jQksJW

I would also like to have the in the middle of the page not the left side and maybe above the bar, not beyond. 

Use this CSS codes and inject this to your form. https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes-to-your-Form

.progressjs-progress.progressjs-theme-islandBlue {

  width: 100% !important;

}

.progressBarContainer {

  position: relative !important;

  top: 30px !important;

}

.progressBarContainer > div {

  width: 90% !important;

}

Result:

works gr8. Good job!

Glad it helps you guys. Cheers! :)