Progress Bar
Progress Bar
Can be used outside of the Enso ecosystem.
For live examples and demos, you may visit laravel-enso.com
Installation
Install the package:
yarn add @enso-ui/progress-bar
(within Enso, remember to cd
into the client
folder before installing front-end assets)
Exports
@enso-ui/progress-bar
:
ProgressBar
Usage
Import the desired component(s):
import ProgressBar from '@enso-ui/progress-bar';
ProgressBar
The bulma styled progress bar component.
Example:
<progress-bar :progress="progress"
:transition="0.3"
color="#f44336"
position="fixed"
v-if="visible"/>
Properties:
color
-string
, optional, default#f44336
- the color of the barthickness
-number
, optional, default2
- the height in pixels of the bartransition
-number
, optional, default0
- the transitions speed in secondsopacity
-number
, optional, default1
- the opacity of the bar (must be between 0 and 1)progress
-number
, required - the progress percentage (must be between 0 and 100)position
-string
, optional - the position (must be eitherabsolute
orabsolute
)
Questions & Issues
For questions and support please use the issues functionality for this package's github repository.
Please make sure to search for existing issues before creating a new issue, and when opening a new issue, fill the required information in the issue template.
Issues not conforming to the guidelines may be closed immediately.
Contributions
are welcome. Pull requests are great, but issues are good too.
Thank you to all the people who already contributed to Enso!