progress bar – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Tue, 12 Aug 2025 08:18:43 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 Free Shipping Progress Bar for Cart & Checkout Pages https://xtratheme.com/docs/theme-options/free-shipping-progress-bar-for-cart-checkout-pages/ https://xtratheme.com/docs/theme-options/free-shipping-progress-bar-for-cart-checkout-pages/#respond Tue, 12 Aug 2025 07:41:50 +0000 https://xtratheme.com/docs/?p=4824

Display Free Shipping Goal Progress in Cart and Checkout

Step 1
XTRA

This feature allows you to display a progress bar on the Cart and Checkout pages, showing customers how much more they need to spend to qualify for free shipping. It encourages customers to add more items to their cart, helping to increase your average order value. The free shipping threshold is fully customizable, and the progress bar updates automatically based on the cart total.

Access Path:
Theme Options > WooCommerce > Products Settings > Free shipping bar

Progres
]]> https://xtratheme.com/docs/theme-options/free-shipping-progress-bar-for-cart-checkout-pages/feed/ 0 Element: Progress Bar https://xtratheme.com/docs/page-builder/element-progress-bar/ https://xtratheme.com/docs/page-builder/element-progress-bar/#respond Mon, 17 Jun 2024 09:47:53 +0000 https://xtratheme.com/docs/?p=1583

Video Tutorial

Description and Screenshot

Step 1

Show skills progress bar from 0% to specific percentage up to 100%, Fully customizable and unlimited colors.

Progress_bar
  • Title – Title or text above progress bar
  • Number – Progress bar percentage e.g. 90%
  • Icon – Set icon before title of progress bar
  • Style – Select predefined style
  • Animated stripes? – CSS animation stripes on progressed bar
  • Styling – Styling of title, icon, number, bar, etc. such as background, color, size, etc.
  • Advanced tab – Responsive, Animation, Parallax, etc.
]]> https://xtratheme.com/docs/page-builder/element-progress-bar/feed/ 0