Maternal Mortality Rates: Progress Dashboard 2025

<div class="space-y-8"> <section> <h2 class="text-3xl font-bold text-white mb-6 border-b border-blue-600 pb-3">Maternal Health Progress Report</h2> <div class="bg-gradient-to-br from-blue-900/30 to-indigo-900/30 rounded-xl p-8 border border-blue-700/50"> <p class="text-gray-300 text-lg">United Nations data reveals significant global progress in reducing maternal mortality, with a <strong class="text-blue-400">34% reduction</strong> in maternal deaths since 2015, though substantial regional disparities remain.</p> </div> </section> <section> <h3 class="text-2xl font-bold text-blue-400 mb-4">Global Overview</h3> <div class="grid grid-cols-2 md:grid-cols-4 gap-4 mb-6"> <div class="bg-green-900/30 rounded-lg p-4 border border-green-700/50"> <div class="text-3xl font-bold text-green-500">-34%</div> <div class="text-sm text-gray-400">Reduction Since 2015</div> </div> <div class="bg-blue-900/30 rounded-lg p-4 border border-blue-700/50"> <div class="text-3xl font-bold text-blue-500">211</div> <div class="text-sm text-gray-400">Deaths per 100K</div> </div> <div class="bg-purple-900/30 rounded-lg p-4 border border-purple-700/50"> <div class="text-3xl font-bold text-purple-500">70</div> <div class="text-sm text-gray-400">SDG Target by 2030</div> </div> <div class="bg-cyan-900/30 rounded-lg p-4 border border-cyan-700/50"> <div class="text-3xl font-bold text-cyan-500">127K</div> <div class="text-sm text-gray-400">Lives Saved Annually</div> </div> </div> </section> <section> <h3 class="text-2xl font-bold text-blue-400 mb-4">Maternal Mortality Ratio by Region</h3> <div class="bg-gradient-to-br from-gray-900 to-gray-800 rounded-xl p-8 border border-gray-700 mb-6"> <div class="space-y-6"> <div> <div class="flex justify-between items-center mb-2"> <span class="text-white font-semibold">East Asia (76% reduction)</span> <span class="text-green-500 font-bold">29 per 100K</span> </div> <div class="h-3 bg-gray-700 rounded-full overflow-hidden"> <div class="h-full bg-gradient-to-r from-green-600 to-emerald-600" style="width: 10%"></div> </div> </div> <div> <div class="flex justify-between items-center mb-2"> <span class="text-white font-semibold">Latin America (43% reduction)</span> <span class="text-blue-500 font-bold">74 per 100K</span> </div> <div class="h-3 bg-gray-700 rounded-full overflow-hidden"> <div class="h-full bg-gradient-to-r from-blue-600 to-cyan-600" style="width: 25%"></div> </div> </div> <div> <div class="flex justify-between items-center mb-2"> <span class="text-white font-semibold">Southeast Asia (51% reduction)</span> <span class="text-purple-500 font-bold">127 per 100K</span> </div> <div class="h-3 bg-gray-700 rounded-full overflow-hidden"> <div class="h-full bg-gradient-to-r from-purple-600 to-indigo-600" style="width: 40%"></div> </div> </div> <div> <div class="flex justify-between items-center mb-2"> <span class="text-white font-semibold">South Asia (38% reduction)</span> <span class="text-yellow-500 font-bold">157 per 100K</span> </div> <div class="h-3 bg-gray-700 rounded-full overflow-hidden"> <div class="h-full bg-gradient-to-r from-yellow-600 to-orange-600" style="width: 50%"></div> </div> </div> <div> <div class="flex justify-between items-center mb-2"> <span class="text-white font-semibold">Sub-Saharan Africa (23% reduction)</span> <span class="text-red-500 font-bold">534 per 100K</span> </div> <div class="h-3 bg-gray-700 rounded-full overflow-hidden"> <div class="h-full bg-gradient-to-r from-red-600 to-rose-600" style="width: 100%"></div> </div> </div> </div> </div> </section> <section> <h3 class="text-2xl font-bold text-blue-400 mb-4">Interventions Needed</h3> <div class="bg-gradient-to-br from-blue-900/20 to-indigo-900/20 rounded-xl p-6 border border-blue-700/50"> <p class="text-gray-300 text-lg mb-4">Progress reflects improved access to skilled birth attendants, better emergency obstetric care, increased contraceptive use, and higher education levels among women. However, sub-Saharan Africa continues to account for 70% of global maternal deaths.</p> <ul class="space-y-2 text-gray-300"> <li class="flex items-start gap-3"> <span class="text-blue-500 font-bold">➤</span> <span>Strengthen health systems in low-resource settings</span> </li> <li class="flex items-start gap-3"> <span class="text-blue-500 font-bold">➤</span> <span>Increase skilled birth attendance coverage</span> </li> <li class="flex items-start gap-3"> <span class="text-blue-500 font-bold">➤</span> <span>Improve access to emergency obstetric care</span> </li> <li class="flex items-start gap-3"> <span class="text-blue-500 font-bold">➤</span> <span>Address social determinants of maternal health</span> </li> <li class="flex items-start gap-3"> <span class="text-blue-500 font-bold">➤</span> <span>Accelerate progress to meet 2030 SDG targets</span> </li> </ul> </div> </section> </div>