وندا نوژن

Discount Gauge is a lightweight and user-friendly plugin designed to display the amount or percentage of discounts on both simple and variable products that are on sale. It does not add any extra CSS or JavaScript loading on the front-end, ensuring no negative impact on speed. The plugin’s settings include basic style features, and for further customization of the discount display, you can use CSS for the ID #disgau_discount_total_price. For example:
<pre><code>#disgau_discount_total_price {
 border: 1px dashed #1e73be;
 border-radius: 25px;
 width: 30%;
 text-align: center;
}
</code></pre>
Configuration
Go to your WordPress admin dashboard. 
Navigate to WooCommerce > Discount Gauge tab 
Choose the desired option for displaying the amount or percentage saved. 
Save your settings.
<h3>Compatibility</h3>
This plugin has been tested on WordPress up to version 6.4.2 and Woocommerce up to vrsion 8.3.1.

Discount Gauge

Discount Gauge is a lightweight and user-friendly plugin designed to display the amount or percentage of discounts on both simple and variable product …

Cristiano Zanca

wpnetworkit

By default in the WooCommerce Cart page is only displayed the discount price, using “WooCommerce Discount and regular price plugin” is displayed also the regular sale price, so your customer remember easily the discount amount. 
At the end of the cart and of the checkout page diplays the total amount of money you saved with discounted price. 
Thanks to Rodolfo Melogli, Bülent Sakarya, Daniel Pataki, Scott Bolinger.

Discount and regular price cart and checkout page display WooCommerce

Display regular and discount price in the Cart

Discount Gauge vs Discount and regular price cart and checkout page display WooCommerce