Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
.progress { height: 12px; background: #e9ecef; border-radius: 99px; overflow: hidden; } .progress-bar { height: 100%; border-radius: 99px; background: linear-gradient(90deg, #667eea, #764ba2); width: var(--pct, 0%); transition: width 0.6s ease; }
Result
Open