OnPay: Show current donation amount and progress bar in the order form's text

extra-code-form-footer.html

<!-- Put this code in Kod Tambahan > Borang Tempahan > Footer -->
<script type="text/javascript">
	var customDonationCurrentValue = Number(PageData.salesStats.total_amount_all);
	var customDonationTargetValue = 10000; // Please customize your target value as you see fit
	var customDonationPercentage = (customDonationCurrentValue / customDonationTargetValue) * 100;
	
	$("#custom-donation-current-value").html(customDonationCurrentValue.toLocaleString(undefined, { minimumFractionDigits: 2 }));
	$("#custom-donation-target-value").html(customDonationTargetValue.toLocaleString(undefined, { minimumFractionDigits: 2 }));
	$("#custom-donation-progress-bar").find(".progress-bar").css("width", (customDonationPercentage > 100 ? 100 : customDonationPercentage).toFixed(2) + "%").html(customDonationPercentage.toFixed(2) + "%");
</script>

text.html

<!-- Put this code in Borang > Teks -->
<div class="row">
	<div class="col-md-6" style="margin-bottom: 10px">
		<div style="border: 3px solid #d6e9c6; border-radius: 10px; padding: 10px">
			<p class="text-center semi-bold" style="font-size: 22px; border-bottom: 2px dashed #d6e9c6; padding-bottom: 10px">Kutipan Semasa</p>
			<p class="text-center bold" style="font-size: 24px">RM <span id="custom-donation-current-value">{nilai_semasa}</span></p>
		</div>
	</div>
	<div class="col-md-6" style="margin-bottom: 10px">
		<div style="border: 3px solid #d6e9c6; border-radius: 10px; padding: 10px">
			<p class="text-center semi-bold" style="font-size: 22px; border-bottom: 2px dashed #d6e9c6; padding-bottom: 10px">Sasaran Kutipan</p>
			<p class="text-center bold" style="font-size: 24px">RM <span id="custom-donation-target-value">{nilai_sasaran}</span></p>
		</div>
	</div>
</div>
<div class="progress" id="custom-donation-progress-bar" style="margin-top: 10px; height: 30px; border-radius: 15px">
	<div class="progress-bar progress-bar-success bold" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 0%; font-size: 20px; line-height: 30px">
		0%
	</div>
</div>

saya dh letak coding ni dalam onpay saya tapi kena xjdi pon ya bila save?