# How to Use the Step Bar custom widget

**URL:** <https://community.ofelia.com/t/how-to-use-the-step-bar-custom-widget/11157>\
**Category:** Q&A\
**Created:** [7 April 2022 18:03 UTC](https://community.ofelia.com/t/how-to-use-the-step-bar-custom-widget/11157 "2022-04-07T18:03:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dibyajit.Roy](https://avatars.discourse-cdn.com/v4/letter/d/7ea924/32.png) [@Dibyajit.Roy](https://community.ofelia.com/u/Dibyajit.Roy)\
**Post date:** [7 April 2022 18:03 UTC](https://community.ofelia.com/t/how-to-use-the-step-bar-custom-widget/11157/1 "2022-04-07T18:03:14Z")

</div>

Hi Community  
  
Is there any one who has used the&nbsp;Step Bar custom widget successfully. When I tried to Import it in UI designer , I got the error that

Incorrect zip structure.

The artifact has not been imported.

Check that the zip file structure matches a standard UI Designer export.

&nbsp;

Can someone share a page where they have used this Widget ?? Please also mention the Bonita Version used ??

&nbsp;

Thanks

---

<div class="post-metadata">

**Author:** ![haris.subasic](https://avatars.discourse-cdn.com/v4/letter/h/5daacb/32.png) [@haris.subasic](https://community.ofelia.com/u/haris.subasic)\
**Post date:** [8 April 2022 07:37 UTC](https://community.ofelia.com/t/how-to-use-the-step-bar-custom-widget/11157/2 "2022-04-08T07:37:37Z")

</div>

Hello Roy,

You've got an example (one sample page) in the Github repository:&nbsp;https://github.com/harissubasic/stepbarwidget

Clone the repository from your Studio, have a look at how it's used and you can then export the widget and use it in other projects.

Let me know if you still have issues,

Haris

---

<div class="post-metadata">

**Author:** ![Dibyajit.Roy](https://avatars.discourse-cdn.com/v4/letter/d/7ea924/32.png) [@Dibyajit.Roy](https://community.ofelia.com/u/Dibyajit.Roy)\
**Post date:** [8 April 2022 13:03 UTC](https://community.ofelia.com/t/how-to-use-the-step-bar-custom-widget/11157/3 "2022-04-08T13:03:58Z")

</div>

Hello Haris  
  
I cloned the GIT Repo in Bonita and I can now use the Step Bar widget. Thank you so much.  
  
Earlier I was downloading as zip file and trying to Import in UI designer.  
  
Thanks you again.

---

<div class="post-metadata">

**Author:** ![system](https://europe1.discourse-cdn.com/flex013/uploads/community_bonitasoft/original/2X/6/6b7b18c0478f2645369e82e009b65e3b97f2cc12.svg) [@system](https://community.ofelia.com/u/system)\
**Post date:** [21 April 2022 08:07 UTC](https://community.ofelia.com/t/how-to-use-the-step-bar-custom-widget/11157/4 "2022-04-21T08:07:57Z")

</div>

Yes for GitHub it is easier to clone the repository. Or you can go to releases and download the .bos file. You can then import it in&nbsp; Bonita.&nbsp;