Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
:root { --progress: 0%; } .bar { width: var(--progress); height: 8px; background: steelblue; transition: width 0.4s; } @keyframes fill { from { width: 0; } to { width: var(--target, 100%); } }
Result
Open