| 1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 720" width="1280" height="720" |
| 2 | font-family="-apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif" |
| 3 | font-size="12"> |
| 4 | <!-- |
| 5 | Progress Bar Chart Template |
| 6 | Purpose: Goal tracking, metric comparisons |
| 7 | Use cases: OKR tracking, Project status, KPI dashboards |
| 8 | Supports: 6 unified progress bars with global target axis |
| 9 | --> |
| 10 | <!-- Background --> |
| 11 | <rect width="1280" height="720" fill="#FFFFFF"/> |
| 12 | <!-- ==================== Header Area ==================== --> |
| 13 | <g id="header" data-pptx-bounds="40 15 1200 125"> |
| 14 | <text x="60" y="70" font-size="32" font-weight="800" fill="#0F172A">Q4 2025 OKR Progress Tracking</text> |
| 15 | <text x="60" y="100" font-size="14" font-weight="700" fill="#64748B" letter-spacing="1">DEADLINE: DEC 31, 2025 · 20 DAYS REMAINING</text> |
| 16 | </g> |
| 17 | <!-- Overall Completion Card --> |
| 18 | <g id="overallProgress" data-pptx-bounds="814 33 452 84" transform="translate(860, 40)"> |
| 19 | <rect x="0" y="0" width="360" height="70" rx="12" fill="#FFFFFF" stroke="#E2E8F0" stroke-width="1.5"/> |
| 20 | <text x="20" y="28" font-size="13" font-weight="700" fill="#64748B" letter-spacing="0.5">OVERALL COMPLETION</text> |
| 21 | <text x="20" y="55" font-size="28" font-weight="800" fill="#0F172A">73.5%</text> |
| 22 | <text x="100" y="52" font-size="14" font-weight="600" fill="#94A3B8">/ Target 100%</text> |
| 23 | <rect x="220" y="28" width="120" height="14" rx="7" fill="#F1F5F9"/> |
| 24 | <rect x="220" y="28" width="88.2" height="14" rx="7" fill="#2563EB"/> |
| 25 | </g> |
| 26 | <!-- ==================== Progress Bars ==================== --> |
| 27 | <g id="progressBars" data-pptx-bounds="0 123 1280 526"> |
| 28 | <!-- 1. Revenue Target (92%) --> |
| 29 | <g transform="translate(60, 150)"> |
| 30 | <text x="0" y="18" font-size="16" font-weight="800" fill="#0F172A">Revenue Target</text> |
| 31 | <text x="0" y="40" font-size="13" font-weight="600" fill="#64748B">Target: $50M | Actual: $46M</text> |
| 32 | <rect x="280" y="10" width="700" height="20" rx="10" fill="#F1F5F9" /> |
| 33 | <rect x="280" y="10" width="644" height="20" rx="10" fill="#059669"/> |
| 34 | <text x="1010" y="26" font-size="20" font-weight="800" fill="#059669">92%</text> |
| 35 | <rect x="1080" y="8" width="90" height="24" rx="12" fill="#D1FAE5" /> |
| 36 | <text x="1125" y="24" font-weight="800" fill="#064E3B" text-anchor="middle">AHEAD</text> |
| 37 | </g> |
| 38 | <!-- 2. New Customer Acquisition (85%) --> |
| 39 | <g transform="translate(60, 235)"> |
| 40 | <text x="0" y="18" font-size="16" font-weight="800" fill="#0F172A">New Customer Acquisition</text> |
| 41 | <text x="0" y="40" font-size="13" font-weight="600" fill="#64748B">Target: 200 Accounts | Actual: 170 Accounts</text> |
| 42 | <rect x="280" y="10" width="700" height="20" rx="10" fill="#F1F5F9" /> |
| 43 | <rect x="280" y="10" width="595" height="20" rx="10" fill="#059669"/> |
| 44 | <text x="1010" y="26" font-size="20" font-weight="800" fill="#059669">85%</text> |
| 45 | <rect x="1080" y="8" width="90" height="24" rx="12" fill="#D1FAE5" /> |
| 46 | <text x="1125" y="24" font-weight="800" fill="#064E3B" text-anchor="middle">ON TRACK</text> |
| 47 | </g> |
| 48 | <!-- 3. Product Launch (75%) --> |
| 49 | <g transform="translate(60, 320)"> |
| 50 | <text x="0" y="18" font-size="16" font-weight="800" fill="#0F172A">Product Launch</text> |
| 51 | <text x="0" y="40" font-size="13" font-weight="600" fill="#64748B">Target: 4 Features | Actual: 3 Features</text> |
| 52 | <rect x="280" y="10" width="700" height="20" rx="10" fill="#F1F5F9" /> |
| 53 | <rect x="280" y="10" width="525" height="20" rx="10" fill="#2563EB"/> |
| 54 | <text x="1010" y="26" font-size="20" font-weight="800" fill="#2563EB">75%</text> |
| 55 | <rect x="1080" y="8" width="90" height="24" rx="12" fill="#DBEAFE" /> |
| 56 | <text x="1125" y="24" font-weight="800" fill="#1E3A8A" text-anchor="middle">IN PROGRESS</text> |
| 57 | </g> |
| 58 | <!-- 4. Team Expansion (68%) --> |
| 59 | <g transform="translate(60, 405)"> |
| 60 | <text x="0" y="18" font-size="16" font-weight="800" fill="#0F172A">Team Expansion</text> |
| 61 | <text x="0" y="40" font-size="13" font-weight="600" fill="#64748B">Target: 25 Hires | Actual: 17 Hires</text> |
| 62 | <rect x="280" y="10" width="700" height="20" rx="10" fill="#F1F5F9" /> |
| 63 | <rect x="280" y="10" width="476" height="20" rx="10" fill="#D97706"/> |
| 64 | <text x="1010" y="26" font-size="20" font-weight="800" fill="#D97706">68%</text> |
| 65 | <rect x="1080" y="8" width="90" height="24" rx="12" fill="#FEF3C7" /> |
| 66 | <text x="1125" y="24" font-weight="800" fill="#92400E" text-anchor="middle">DELAYED</text> |
| 67 | </g> |
| 68 | <!-- 5. Cost Optimization (55%) --> |
| 69 | <g transform="translate(60, 490)"> |
| 70 | <text x="0" y="18" font-size="16" font-weight="800" fill="#0F172A">Cost Optimization</text> |
| 71 | <text x="0" y="40" font-size="13" font-weight="600" fill="#64748B">Target: -20% | Actual: -11%</text> |
| 72 | <rect x="280" y="10" width="700" height="20" rx="10" fill="#F1F5F9" /> |
| 73 | <rect x="280" y="10" width="385" height="20" rx="10" fill="#E11D48"/> |
| 74 | <text x="1010" y="26" font-size="20" font-weight="800" fill="#E11D48">55%</text> |
| 75 | <rect x="1080" y="8" width="90" height="24" rx="12" fill="#FFE4E6" /> |
| 76 | <text x="1125" y="24" font-weight="800" fill="#9F1239" text-anchor="middle">AT RISK</text> |
| 77 | </g> |
| 78 | <!-- 6. Brand Awareness (66%) --> |
| 79 | <g transform="translate(60, 575)"> |
| 80 | <text x="0" y="18" font-size="16" font-weight="800" fill="#0F172A">Brand Awareness</text> |
| 81 | <text x="0" y="40" font-size="13" font-weight="600" fill="#64748B">Target: +30% | Actual: +20%</text> |
| 82 | <rect x="280" y="10" width="700" height="20" rx="10" fill="#F1F5F9" /> |
| 83 | <rect x="280" y="10" width="462" height="20" rx="10" fill="#D97706"/> |
| 84 | <text x="1010" y="26" font-size="20" font-weight="800" fill="#D97706">66%</text> |
| 85 | <rect x="1080" y="8" width="90" height="24" rx="12" fill="#FEF3C7" /> |
| 86 | <text x="1125" y="24" font-weight="800" fill="#92400E" text-anchor="middle">DELAYED</text> |
| 87 | </g> |
| 88 | </g> |
| 89 | <!-- ==================== Global Target Axis ==================== --> |
| 90 | <g id="goal-marker" data-pptx-bounds="928 90 104 560"> |
| 91 | <line x1="980" y1="140" x2="980" y2="615" stroke="#94A3B8" stroke-width="2" stroke-dasharray="6 4" /> |
| 92 | <rect x="945" y="125" width="70" height="24" rx="12" fill="#FFFFFF" stroke="#94A3B8" stroke-width="1.5" /> |
| 93 | <text x="980" y="141" font-weight="800" fill="#64748B" text-anchor="middle">100% GOAL</text> |
| 94 | </g> |
| 95 | <!-- ==================== Legend ==================== --> |
| 96 | <g id="legend" data-pptx-bounds="0 653 763 30" transform="translate(60, 660)"> |
| 97 | <rect x="0" y="0" width="16" height="16" rx="4" fill="#059669"/> |
| 98 | <text x="24" y="13" font-size="13" font-weight="600" fill="#475569">On Track / Ahead (≥80%)</text> |
| 99 | <rect x="180" y="0" width="16" height="16" rx="4" fill="#2563EB"/> |
| 100 | <text x="204" y="13" font-size="13" font-weight="600" fill="#475569">In Progress (70-80%)</text> |
| 101 | <rect x="350" y="0" width="16" height="16" rx="4" fill="#D97706"/> |
| 102 | <text x="374" y="13" font-size="13" font-weight="600" fill="#475569">Delayed (60-70%)</text> |
| 103 | <rect x="510" y="0" width="16" height="16" rx="4" fill="#E11D48"/> |
| 104 | <text x="534" y="13" font-size="13" font-weight="600" fill="#475569">At Risk (<60%)</text> |
| 105 | </g> |
| 106 | <!-- Data Source --> |
| 107 | <g id="source" data-pptx-bounds="40 651 1200 39"> |
| 108 | <text x="1220" y="675" font-size="13" font-weight="600" fill="#94A3B8" text-anchor="end">Data Source: OKR Management System</text> |
| 109 | </g> |
| 110 | </svg> |
| 111 |