Progress Bar Widget

The Progress Bar Widget allows you to add fully styled, animated progress bars to your page.


Content

Progress Bar

  1. Title: Enter the title text that is displayed above the progress bar
  2. Type: Select a standard type, which sets the bar color (color can be changed under the Style tab). Choose from Default, Info, Success, Warning, or Danger
  3. Percentage: Set the completion percentage number
  4. Display Percentage: Show or hide the actual percentage number text at the end of the bar
  5. Inner Text: Enter the text to be displayed within the bar

Style

Progress Bar

  1. Color: Change the color of the bar
  2. Background: Choose the color of the background of the bar
  3. Inner Text Color: Choose the color of the text to be displayed within the bar

Title style

  1. Color: Choose the color of the title text that is displayed above the progress bar
  2. Typography: Set the typography options of the title text

Advanced

Set the Advanced options that are applicable to this widget

Share it on social networks

Was this article helpful?

Get Started With Elementor Today

Join millions of professionals who use Elementor to build WordPress websites faster and better than ever before

On this page