Progress Circle

npm license npm download GitHub top language GitHub issues npm version

Progress Circle

Can be used outside of the Enso ecosystem.

For live examples and demos, you may visit


Install the package:

yarn add @enso-ui/progress-circle

(within Enso, remember to cd into the client folder before installing front-end assets)



  • ProgressCircle @enso-ui/progress-circle/bulma:
  • ProgressCircle


Import the desired component(s):

import ProgressCircle from '@enso-ui/progress-circle';


The bulma styled progress circle component.


<progress-circle :progress="progress"/>


  • progress - number, required - the progress percentage (must be between 0 and 100)
  • backgroundStroke - string, optional, default #f1f1f1 - the background color
  • progressStroke - string, optional, default #2ecc71 - the progress stroke color
  • textColor - string, optional, default #555 - the text color
  • width - number, required - the width of the component

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.


are welcome. Pull requests are great, but issues are good too.

Thank you to all the people who already contributed to Enso!