# CSS to make the Progress bar larger

**URL:** <https://community.surveysparrow.com/t/css-to-make-the-progress-bar-larger/3457>\
**Category:** CSS Knowledge Bonanza! 🕺\
**Created:** [June 20, 2023, 9:42am UTC](https://community.surveysparrow.com/t/css-to-make-the-progress-bar-larger/3457 "2023-06-20T09:42:59Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![adithya.s](https://avatars.discourse-cdn.com/v4/letter/a/cab0a1/32.png) [@adithya.s](https://community.surveysparrow.com/u/adithya.s)\
**Post date:** [June 20, 2023, 9:42am UTC](https://community.surveysparrow.com/t/css-to-make-the-progress-bar-larger/3457/1 "2023-06-20T09:42:59Z")

</div>

CSS to make the Progress bar larger.

To increase the size of the progress bar, you can modify the numbers in the following section of the code: "transform: scale(2.5);". By adjusting these values, you can customize the size of the progress bar to ensure better visibility for users and improve their experience in tracking their progress during surveys.

**Code :**

.ss-classic-footer\_\_left \> span {  
transform: scale(2.5);  
}

 ![Screenshot 2023-06-20 at 3.09.30 PM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/aee5f10f5542f5df0647ed501214aa72e6b95130.jpeg)

 ![Screenshot 2023-06-20 at 3.07.15 PM](https://europe1.discourse-cdn.com/flex013/uploads/surveysparrow1/original/1X/109bf07bcb4132bd49245f0ae0238074ec8d84d1.jpeg)