<div class="radikalwp-glass-progress"><div class="radikalwp-glass-progress-head"><span>پیشرفت پروژه<//span><b>۷۲٪<//b><//div><div class="radikalwp-glass-progress-track"><i style="width:72%"><//i><//div><//div>

.radikalwp-glass-progress {
  width: 330px;
  padding: 18px;
  background: rgba(255, 255, 255, .55);
  border: 1px solid rgba(148, 163, 184, .35);
  border-radius: 16px;
  backdrop-filter: blur(8px);
  box-shadow: 0 12px 30px rgba(15, 23, 42, .12);
}
.radikalwp-glass-progress-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 12px;
}
.radikalwp-glass-progress-head span { font-size: 13px; font-weight: 700; color: #1e293b; }
.radikalwp-glass-progress-head b { font-size: 17px; font-weight: 800; color: #7c3aed; }
.radikalwp-glass-progress-track {
  height: 12px;
  background: rgba(148, 163, 184, .3);
  border-radius: 999px;
  overflow: hidden;
}
.radikalwp-glass-progress-track i {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: linear-gradient(90deg, #8b5cf6, #6366f1);
  transform-origin: right;
  animation: radikalwp-gp-fill 1.4s ease forwards, radikalwp-gp-shine 2.4s ease-in-out 1.4s infinite;
}
@keyframes radikalwp-gp-fill {
  from { transform: scaleX(0); }
  to { transform: scaleX(1); }
}
@keyframes radikalwp-gp-shine {
  0%, 100% { filter: brightness(1); }
  50% { filter: brightness(1.25); }
}