The Vertical Progress Bar Widget provides a great way to show statistics on your Elementor page in a vertical bar format. You can customize the widget using its wide range of customization options.
Let’s look at each of the options in the “Vertical Progress Bar Widget” below.
Install Vertical Progress Bar for Elementor
This widget requires Unlimited Elements Pro version installed and activated on your WordPress website.
- Go to Unlimited Elements Widget Library
- Search in the search bar for “Vertical Progress Bar”
- Hover over the widget in the search results and click install
- Add your “Vertical Progress Bar” widget to any Elementor Page
Set the alignment of widget.
Type text to show as label.
Type value to show in the progress bar.
Set the height of vertical bar.
Set the width of vertical bar.
Set symbol to show after the value.
Set the speed of progress bar animation.
Start Animation When In Viewport
Animation will start when widget come in viewport window.
Delay Before Animation
Set the delay before starting the animation.
Graphic Element Settings
Show Graphic Element
Show/Hide the graphic element.
Graphic Element Source
Choose the source for graphic element.
Choose an icon to display.
Vertical Progress Bar Styling
Every aspect of the widget’s design can be controlled through different styling options. Choose colors that complement the style of your website. You can modify the text, icons, fonts, and layout to make the widget look and work the way you want.
Set the background type, color, and radius.
You can set the progress type, color, and progress radius.
You can set the typography, and color of label element.
Set the value typography and color.
Graphic Element Styling
You can set the graphic element width, height, icon size, background color, border, and border radius.
Here are some live use cases for the Vertical Progress Bar widget.