Founding price: $35, then $99 after 23:59 UTC on 4 November, then $99
Get ProProgress bar with slider, built from the progress component.
This item has no props to tune. Use the lens above to change theme, density, direction and more.
Progress bar with slider, built from the progress component. Use it as a starting point for the progress in your own screens: copy it, then replace the sample copy, data and handlers with yours.
Do not use it as a finished feature. It is a composition of existing components with sample content and no data layer.
This item is part of tealmac UI Pro
The source for this item installs with a Pro licence key. Log in with your key to see the install command, or read the Pro setup page.
| Prop | Type | Default | Description |
|---|---|---|---|
| - | - | - | The pattern takes no props. Edit the source to change its content and handlers. |
It is built from the progress, slider components, which keep their own focus, keyboard and ARIA behaviour. Progress exposes role=progressbar with its value. Sliders respond to arrow keys, Home and End. Keep a visible label or an aria-label on every control you add, and keep icon-only buttons named. Colours come from the theme tokens, spacing and alignment use logical properties so the layout mirrors in right-to-left languages, and motion is turned off under prefers-reduced-motion.
The pattern ships with a test (progress-with-slider.test.tsx) that renders it and checks that every button, link, field and other control has an accessible name.
Based on the ReUI example c-progress-6 (ReUI, MIT, Copyright (c) 2025 Keenthemes Inc), adapted for tealmac UI. See the third-party notices.