---
title: Progress Bar Block
description: "To customize the Progress Bar Block, you can use the below settings: - **General** - **Enable/Disable Title:** Enable/Disable the title from the progress bar. - **Enable/Disable Progress Text:** Enable/Disable the progress text from the progress bar. - **Progress Width:** Adjust…"
url: "https://spiceblocks.com/docs/progress-bar-block/"
updated: "2023-02-21"
category: Blocks Customization
---

# Progress Bar Block

To customize the Progress Bar Block, you can use the below settings:

- **General**
  - **Enable/Disable Title:** Enable/Disable the title from the progress bar.
  - **Enable/Disable Progress Text:** Enable/Disable the progress text from the progress bar.
  - **Progress Width:** Adjust the width of the progress bar.
  - **Spacing:** Adjust the padding & margin of the section and padding of the title.
  - **Animation Effects:** Set the animation effects with multiple options like Fade, Bounce, Swing, etc on the Progress bar.
  - **Display:** Hide/Show the Progress bar individually from a desktop, tablet, or mobile.

- **Box Shadow**
  - Adjust the shadow of the Progress bar using **Horizontal, Vertical, and Blur** Shadow options.
  - Set the color of the Progress bar shadow using the **Text Shadow Color** option.

- **Color**
  - Change the color of the progress bar background, progress text, title, and indicator line color.

- **Typography**
  - Set the typography of the progress bar title and progress text using **Font Family**, **Font weight**, **etc.** options.

 ![](https://spiceblocks.com/wp-content/uploads/2022/12/progress-bar-block.gif)