Black Friday Super Sale 2024 Starts in

0Days

0Hours

0Minutes

0Seconds

Save the Date
×
Addons for Elementor Documentation

Search for answers or browse our knowledge base.

< All Topics

Bar Counter

Once the WPMozo Addons plugin is activated, it adds several widgets to the Elementor builder. To insert the Bar Counter widget, follow these steps

  1. Create/edit a page/post that uses Elementor builder.
  2. Create/edit container.
  3. Search widget Bar Counter under WPMozo.

Content

Configuration

  1. Layout: Choose from two layout options provided.
  2. Title: Enter the title for the bar counter widget.
  3. Percentage: Set the percentage value for the progress bar.
  4. Display Empty Bar/Chunks: Toggle to show or hide empty bar or chunks.
  5. Use Stripes: Enable or disable stripes for the progress bar.
  6. Stripe Color: Select the color for the stripes.
  7. Enable Stripe Animation: Toggle to enable or disable animation for the stripes.
  8. Animation Speed: Adjust the speed of the animation for the stripes.

These settings allow you to customize the appearance and behavior of the bar counter widget according to your preferences and requirements.

Background

  1. Bar/Chunks Background: Choose the background color or image for the empty bar or chunks.
  2. Filled Bar/Chunks Background: Select the background color or image for the filled portion of the bar or chunks.

These settings enable you to customize the background appearance of the bar counter widget, including both the empty and filled portions, according to your design preferences.

Style

Text

  • Title Heading Level: Choose the heading level for the title.
  • Title Text Color: Set the color of the title text.
  • Title Typography: Customize the font style, size, and weight of the title text.
  • Title Text Shadow: Add a shadow effect to the title text.
  • Percentage Text Color: Define the color of the percentage text.
  • Percentage Typography: Adjust the typography settings for the percentage text, including font style, size, and weight.
  • Percentage Text Shadow: Apply a shadow effect to the percentage text.
  • Percentage Text Alignment: Align the percentage text as per your preference.

These settings allow you to style the title and percentage text of the bar counter widget, giving you full control over their appearance and presentation.

Table of Contents