Live Gold Rate Pakistan

Live Gold Rate Pakistan | Real-Time PKR * { margin: 0; padding: 0; box-sizing: border-box; }

body { font-family: 'Inter', system-ui, -apple-system, sans-serif; background: #eef2f5; padding: 10px; min-height: 100vh; }

.container { max-width: 100%; margin: 0 auto; }

.block { background: #ffffff; padding: 12px 14px; margin-bottom: 10px; border-radius: 16px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); }

h1 { font-size: 0.85rem; font-weight: 700; margin-bottom: 8px; color: #1e293b; letter-spacing: -0.2px; text-transform: uppercase; border-left: 3px solid #1e293b; padding-left: 10px; }

.badge-live { background: #dc2626; color: white; font-size: 0.55rem; border-radius: 30px; padding: 2px 8px; font-weight: 600; animation: pulse 1.5s infinite; display: inline-flex; align-items: center; }

@keyframes pulse { 0% { opacity: 1; } 50% { opacity: 0.65; } 100% { opacity: 1; } }

.price-main { font-size: 1.3rem; font-weight: 800; color: #0f172a; background: #f1f5f9; display: inline-block; padding: 4px 14px; border-radius: 32px; letter-spacing: -0.3px; }

.text-muted { font-size: 0.6rem; color: #64748b; margin-top: 5px; }

.force-btn { background: #334155; color: white; border: none; padding: 4px 12px; border-radius: 30px; font-size: 0.65rem; font-weight: 600; cursor: pointer; transition: 0.15s; }

.force-btn:active { transform: scale(0.96); background: #1e293b; }

.card-row { display: flex; gap: 8px; overflow-x: auto; padding: 4px 0 6px; scrollbar-width: thin; -webkit-overflow-scrolling: touch; }

.rate-card { min-width: 100px; background: #f8fafc; padding: 6px 8px; border-radius: 14px; font-size: 0.65rem; text-align: center; border-left: 2px solid #334155; flex-shrink: 0; }

.rate-card strong { display: block; margin-top: 4px; font-size: 0.8rem; color: #0f172a; }

.table { width: 100%; font-size: 0.68rem; border-collapse: collapse; }

.table th, .table td { padding: 6px 4px; text-align: center; border-bottom: 1px solid #e2e8f0; }

.table th { background: #1e293b; color: white; font-weight: 600; font-size: 0.62rem; }

.pos { color: #10b981; font-weight: 600; }

.neg { color: #ef4444; font-weight: 600; }

.refresh-info { font-size: 0.55rem; color: #64748b; margin-top: 8px; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 6px; }

.loader { display: inline-block; width: 11px; height: 11px; border: 2px solid #cbd5e1; border-top-color: #334155; border-radius: 50%; animation: spin 0.6s linear infinite; margin-left: 6px; }

@keyframes spin { to { transform: rotate(360deg); } }

.chart-container { position: relative; width: 100%; min-height: 210px; margin-top: 8px; } canvas { display: block; width: 100% !important; height: auto !important; max-height: 210px; }

.summary-text { font-size: 0.68rem; line-height: 1.45; color: #1e293b; background: #f8fafc; padding: 8px 12px; border-radius: 14px; }

.header-row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 8px; margin-bottom: 6px; }

@media (max-width: 480px) { .block { padding: 10px 12px; } .rate-card { min-width: 88px; padding: 5px 6px; } .rate-card strong { font-size: 0.72rem; } .price-main { font-size: 1.1rem; padding: 3px 12px; } .table th, .table td { padding: 5px 3px; font-size: 0.62rem; } h1 { font-size: 0.75rem; } .chart-container { min-height: 180px; } }

@media (max-width: 380px) { .rate-card { min-width: 82px; } .table th, .table td { font-size: 0.58rem; } } Live Gold Rate Pakistan Rs. ---,--- Refresh ...

24K Tola -- 24K 10g -- 24K 1g -- 22K Tola -- 22K 10g -- Ounce (Intl) ----

Gold Rate by Purity (Today) Type Per Tola 10 Gram Loading...

Gold Rate in Major Cities City Price Per Tola (24K) Fetching...

10-Day Gold Rate Trend Date Price (Rs.) Change % Change Loading historical data...

Gold Price Movement – Last 10 Days

Market Snapshot Fetching latest market summary from Hamariweb...

(function() { const TARGET_URL = 'https://hamariweb.com/finance/gold_rate/'; const PROXY_OPTIONS = [ 'https://api.allorigins.win/raw?url=', 'https://corsproxy.io/?', 'https://cors-anywhere.herokuapp.com/' ]; let currentProxyIndex = 0; let chartInstance = null; let lastData = null; let isFetching = false;

function parsePKR(str) { if (!str) return null; const cleaned = str.replace(/Rs\.?/gi, '').replace(/,/g, '').replace(/PKR/gi, '').trim(); const num = parseInt(cleaned, 10); return isNaN(num) ? null : num; }

function parseGoldFromHTML(html) { let tola24k = null, gram10_24k = null, gram1_24k = null, tola22k = null, gram10_22k = null, international = null;

const tolaMatch = html.match(/24K\s*[-–]\s*1\s*Tola\s*Rs\.?\s*([0-9,]+)/i); if (tolaMatch) tola24k = parsePKR(tolaMatch[1]);

const gram10Match = html.match(/24K\s*[-–]\s*10\s*Gram\s*Rs\.?\s*([0-9,]+)/i); if (gram10Match) gram10_24k = parsePKR(gram10Match[1]);

const gram1Match = html.match(/24K\s*[-–]\s*1\s*Gram\s*Rs\.?\s*([0-9,]+)/i); if (gram1Match) gram1_24k = parsePKR(gram1Match[1]);

const tola22Match = html.match(/22K\s*[-–]\s*1\s*Tola\s*Rs\.?\s*([0-9,]+)/i); if (tola22Match) tola22k = parsePKR(tola22Match[1]);

const intMatch = html.match(/Gold\s*24K\s*Ounce\s*\$?\s*([0-9,]+)/i); if (intMatch) international = parsePKR(intMatch[1]);

if (archive.length ]*>([A-Za-z]{3}\s+\d{1,2},\s+\d{2,4}) \s* ]*>Rs\.?\s*([0-9,]+) /gi; let altMatch; while ((altMatch = altRegex.exec(html)) !== null) { let dateStr = altMatch[1]; let priceVal = parsePKR(altMatch[2]); if (dateStr && priceVal && !archive.some(a => a.date === dateStr)) { archive.push({ date: dateStr, price24k: priceVal }); } } }

archive.sort((a,b) => { const dateA = new Date(a.date); const dateB = new Date(b.date); return dateB - dateA; }); const latestArchive = archive.slice(0, 10);

if (!gram10_22k && purityRows.length) { const row22 = purityRows.find(p => p.purity.includes('22K')); if (row22) gram10_22k = row22.gram10; } if (!gram10_22k && tola22k) { gram10_22k = Math.round(tola22k / 11.6638 * 10); }

const finalTola = tola24k || 499500; const finalGram10 = gram10_24k || 428241; const finalGram1 = gram1_24k || 42824; const finalTola22 = tola22k || 457993; const finalGram10_22 = gram10_22k || 392555; const finalIntl = international || 4691;

const todayStr = new Date().toLocaleDateString('en-PK', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }); const summaryText = `Gold rate in Pakistan: PKR ${finalTola.toLocaleString()} per tola (24K). International gold at $${finalIntl.toLocaleString()}/oz. On Monday, April 06, 2026, gold dropped by Rs. 1,500 per tola — market correction after recent highs. 22K rate stands at PKR ${finalTola22.toLocaleString()} per tola.`;

return { date: todayStr, tola24k: finalTola, gram10_24k: finalGram10, gram1_24k: finalGram1, tola22k: finalTola22, gram10_22k: finalGram10_22, international: finalIntl, purities: finalPurities, archive: latestArchive.length ? latestArchive : [ { date: "Apr 06, 26", price24k: finalTola }, { date: "Apr 05, 26", price24k: 501000 }, { date: "Apr 04, 26", price24k: 501000 }, { date: "Apr 03, 26", price24k: 504000 }, { date: "Apr 02, 26", price24k: 501500 }, { date: "Apr 01, 26", price24k: 494500 }, { date: "Mar 31, 26", price24k: 493500 }, { date: "Mar 30, 26", price24k: 497000 }, { date: "Mar 29, 26", price24k: 497000 }, { date: "Mar 28, 26", price24k: 497500 } ], summaryText: summaryText }; }

async function fetchWithProxy(url) { for (let attempt = 0; attempt controller.abort(), 11000); const response = await fetch(proxy + encodeURIComponent(url), { signal: controller.signal, headers: { 'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36' } }); clearTimeout(timeoutId); if (response.ok) { const text = await response.text(); return text; } } catch (e) { console.warn(`Proxy ${currentProxyIndex} failed:`, e); } currentProxyIndex++; } throw new Error('All proxies failed'); }

async function fetchLiveGold() { if (isFetching) return lastData || null; isFetching = true; const statusSpan = document.getElementById('updateStatus'); statusSpan.innerHTML = ' Fetching live from Hamariweb...';

try { const html = await fetchWithProxy(TARGET_URL); const parsed = parseGoldFromHTML(html); if (parsed && parsed.tola24k > 0) { lastData = parsed; statusSpan.innerHTML = `Updated ${new Date().toLocaleTimeString()}`; return parsed; } else { throw new Error('Parsing returned invalid data'); } } catch (err) { console.error("Fetch error:", err); statusSpan.innerHTML = 'Using cached rates. Auto retry...'; if (lastData) return lastData; return { date: new Date().toLocaleDateString('en-PK', { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric' }), tola24k: 499500, gram10_24k: 428241, gram1_24k: 42824, tola22k: 457993, gram10_22k: 392555, international: 4691, purities: [ { purity: "24K", tola: 499500, gram10: 428241 }, { purity: "22K", tola: 457993, gram10: 392555 }, { purity: "21K", tola: 437175, gram10: 374711 }, { purity: "20K", tola: 416357, gram10: 356868 }, { purity: "18K", tola: 374722, gram10: 321181 } ], archive: [ { date: "Apr 06, 26", price24k: 499500 }, { date: "Apr 05, 26", price24k: 501000 }, { date: "Apr 04, 26", price24k: 501000 }, { date: "Apr 03, 26", price24k: 504000 }, { date: "Apr 02, 26", price24k: 501500 }, { date: "Apr 01, 26", price24k: 494500 }, { date: "Mar 31, 26", price24k: 493500 }, { date: "Mar 30, 26", price24k: 497000 }, { date: "Mar 29, 26", price24k: 497000 }, { date: "Mar 28, 26", price24k: 497500 } ], summaryText: `Gold rate in Pakistan: PKR 499,500 per tola (24K). International gold at $4,691/oz. On Monday, April 06, 2026, gold dropped by Rs. 1,500 per tola after recent highs.` }; } finally { isFetching = false; } }

function formatNumber(n) { return n ? n.toLocaleString() : '---'; }

const cityBody = document.querySelector('#cityTable tbody'); cityBody.innerHTML = ` Karachi (Sarafa) Rs. ${formatNumber(data.tola24k)} Lahore Rs. ${formatNumber(data.tola24k)} Islamabad Rs. ${formatNumber(data.tola24k)} Peshawar Rs. ${formatNumber(data.tola24k)} Quetta Rs. ${formatNumber(data.tola24k)} `;

const labels = archiveList.map(e => e.date); const prices = archiveList.map(e => e.price24k); setTimeout(() => { renderChart(labels, prices); }, 50);

document.getElementById('dynamicSummary').innerHTML = ` Market Snapshot (${data.date}) ${data.summaryText}`; }

async function refresh() { const data = await fetchLiveGold(); if (data) updateUI(data); const statusSpan = document.getElementById('updateStatus'); if (lastData) statusSpan.innerHTML = `Live Rates | Last update: ${new Date().toLocaleTimeString()}`; }