Back
Syntax
Study
Editor
Mode:
HTML
CSS
JavaScript
PHP
Reset
Run »
HTML / CSS / JS
/* Expanding width — ok for small elements */ .progress-bar { width: 0%; transition: width 1s ease; } .progress-bar.loaded { width: 100%; } /* max-height trick for expand/collapse */ .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; } .accordion-content.open { max-height: 500px; }
Result
Open