# Progress bar looks off (CSS) \[RESOLVED\]

**URL:** <https://community.gravityforms.com/t/progress-bar-looks-off-css-resolved/16036>\
**Category:** Get Help\
**Tags:** progress-bar, conflict, css\
**Created:** [October 14, 2023, 7:54am UTC](https://community.gravityforms.com/t/progress-bar-looks-off-css-resolved/16036 "2023-10-14T07:54:42Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![user63bc923f0bdd6596](https://avatars.discourse-cdn.com/v4/letter/u/5f8ce5/32.png) [@user63bc923f0bdd6596](https://community.gravityforms.com/u/user63bc923f0bdd6596)\
**Post date:** [October 14, 2023, 7:54am UTC](https://community.gravityforms.com/t/progress-bar-looks-off-css-resolved/16036/1 "2023-10-14T07:54:42Z")

</div>

Hi, the progress bar on our site looks off on many browsers  
see here:

> **Summary**
>
> [Free Online Consultation For Your Hair Restoration | Forhair](https://www.forhair.com/free-online-consultation/)

 ![Screenshot 2023-10-14 at 11.04.14](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/8/84fdaebd174afcd6997c414cc5375a6f8f95d9e4.png)

how can i solve this?

---

<div class="post-metadata">

**Author:** ![faisalahammad](https://sea2.discourse-cdn.com/flex020/user_avatar/community.gravityforms.com/faisalahammad/32/13948_2.png) [@faisalahammad](https://community.gravityforms.com/u/faisalahammad)\
**Post date:** [October 14, 2023, 9:27pm UTC](https://community.gravityforms.com/t/progress-bar-looks-off-css-resolved/16036/2 "2023-10-14T21:27:35Z")

</div>

Hey John 👋,

To fix the issue, add the following custom CSS in your child theme’s style.css file or Appearance \> Customize \> Additional CSS.

```auto
.gform_wrapper.gravity-theme .gf_progressbar_percentage {
  height: 100% !important;
}

```

Then, the output will look like the following screenshot. 👇

 ![screenshot](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/5/5aaffecc201fe8c4a648a67cbbd66df06e271767.jpeg)

Give it a try, and let me know how that goes! 😄

---

<div class="post-metadata">

**Author:** ![user63bc923f0bdd6596](https://avatars.discourse-cdn.com/v4/letter/u/5f8ce5/32.png) [@user63bc923f0bdd6596](https://community.gravityforms.com/u/user63bc923f0bdd6596)\
**Post date:** [October 15, 2023, 1:05pm UTC](https://community.gravityforms.com/t/progress-bar-looks-off-css-resolved/16036/4 "2023-10-15T13:05:00Z")

</div>

thank you very much it worked

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex020/uploads/gravityforms1/original/2X/f/fef63f0599c45e0218c30d9f5d7ca8bff9b00189.png) [@system](https://community.gravityforms.com/u/system)\
**Post date:** [October 16, 2023, 1:05pm UTC](https://community.gravityforms.com/t/progress-bar-looks-off-css-resolved/16036/5 "2023-10-16T13:05:54Z")

</div>

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.