body {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 90vh;
     background: #111;
     font-family: Arial, sans-serif;
 }

 .progress-container {
     position: relative;
     width: 200px;
     height: 200px;
 }

 .progress-circle {
     width: 200px;
     height: 200px;
     border-radius: 50%;
     background: conic-gradient(#ff6a00 0deg,
             #ff00d4 0deg,
             #333 0deg);
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .progress-inner {
     position: absolute;
     width: 160px;
     height: 160px;
     border-radius: 50%;
     background: #111;
     display: flex;
     justify-content: center;
     align-items: center;
     color: #fff;
     font-size: 2rem;
     font-weight: bold;
 }