The progress bar component can be used as an indicator to show the completion rate of data sets or it can be used as an animated loader component. There are multiple sizes, colors, and styles available.
Setup #Import the Progressbar component in a script tag.
Use the following example of a progress bar element to show a completion rate of 45% by using an inline style and the utility classes from Tailwind CSS.
Progressradial #Please see more details on the extend page.
Sizes #Use the size prop to change the size of a progress bar.
Use the labelInside prop to add the progress in a progress bar.
Use the labelOutside prop to add the progress outside of a progress bar.
Use the color prop to change the color of a progress bar.
Use labelInsideDiv prop to style your progressbar.
By default progress bar has animation disabled, you can activate with animate, you can custumize with tweenDuration and easing. By changing precision you can custumize the precision inside the progress bar.
Use the labelInsideDiv prop to change the color of the progress bar.
Loading related links...
Component data #The component has the following props, type, and default values. See types page for type information.
References #RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4