Verilerinizi kullanarak bir progres bar oluşturmak için JavaScript ve HTML ile birlikte çalışan bir çözüm kullanmanız gerekecektir. İşte bu verilere dayalı bir örnek:
<!DOCTYPE html>
<html>
<head>
<style>
.progress-bar {
width: 100%;
height: 30px;
background-color: #ccc;
}
.progress-fill {
height: 100%;
width: 0;
background-color: #4caf50;
text-align: center;
line-height: 30px;
color: white;
}
</style>
</head>
<body>
<?php
$startdate = $orders['orders_time'];
$month = $orders['orders_lastdate'];
if ($month >= time()) {
$remaining['text']['year'] = " Yıl ";
$remaining['text']['month'] = " Ay ";
$remaining['text']['day'] = " Gün";
$remaining['remaining'] = $month - time();
$remaining['day'] = floor($remaining['remaining'] / 86400);
if ($remaining['day'] >= 30) {
$remaining['month'] = floor($remaining['day'] / 30);
$remaining['day'] %= 30;
if ($remaining['month'] > 12) {
$remaining['year'] = floor($remaining['month'] / 12);
$remaining['month'] %= 12;
if ($remaining['month'] == 0) {
$remaining['month'] = "";
$remaining['text']['month'] = "";
}
}
}
$totalDays = ($remaining['year'] * 365) + ($remaining['month'] * 30) + $remaining['day'];
$elapsedDays = floor((time() - $startdate) / 86400);
$progress = min(($elapsedDays / $totalDays) * 100, 100); // Ensure progress doesn't exceed 100%
}
?>
<div class="progress-bar">
<div class="progress-fill" style="width: <?php echo $progress; ?>%"><?php echo $progress; ?>%</div>
</div>
</body>
</html>Bu kod, verilerinizi kullanarak bir ilerleme çubuğu oluşturur. İlk olarak, toplam geçen gün sayısını ve bu geçen günlerin yüzdesini hesaplar ve ardından ilerleme çubuğunu bu yüzdeye göre günceller. Bu örnek, HTML ve PHP kullanarak bir ilerleme çubuğu oluşturmak için temel bir yol sunar. İlerleme çubuğunun tasarımını ve stilini gerektiğine göre özelleştirebilirsiniz.