Progress bars that fill and count up when they scroll into view: gradient, striped (sliding stripes), segmented and glow styles, each with a label and a live percentage, plus a conic-gradient progress ring. Bar component props: label, value (0-100), style (gradient|striped|segmented|glow), tone (primary|accent|success|warm), showValue. Value drives one CSS variable, so the bar is a real role="progressbar" with aria-valuenow. Options (data attributes on the section): data-theme (light|dark) surface of the showcase section; data-size (s|m|l) bar thickness; data-animate (true|false) fill and count up when the bars scroll into view; data-anim (rise|fade|none) entrance. Without script the bars simply render filled; reduced-motion safe.