# Implement a Loading Icon

**URL:** <https://forum.inductiveautomation.com/t/implement-a-loading-icon/18694>\
**Category:** Ignition\
**Created:** [July 2, 2018, 3:43pm UTC](https://forum.inductiveautomation.com/t/implement-a-loading-icon/18694 "2018-07-02T15:43:27Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![f.pinciaroli](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/f.pinciaroli/32/6101_2.png) [@f.pinciaroli](https://forum.inductiveautomation.com/u/f.pinciaroli)\
**Post date:** [July 2, 2018, 3:43pm UTC](https://forum.inductiveautomation.com/t/implement-a-loading-icon/18694/1 "2018-07-02T15:43:27Z")

</div>

Hi guys,

Can you suggest me a way to implement an animated loading icon?  
Something like that:  
 ![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/9/97d457372f6c14182b686ecfdf5d4067df5e9373.png)  
or similar…  
Or a simple spinning hourglass.

Thank you

---

<div class="post-metadata">

**Author:** ![jdrichards](https://avatars.discourse-cdn.com/v4/letter/j/839c29/32.png) [@jdrichards](https://forum.inductiveautomation.com/u/jdrichards)\
**Post date:** [July 2, 2018, 5:38pm UTC](https://forum.inductiveautomation.com/t/implement-a-loading-icon/18694/2 "2018-07-02T17:38:32Z")

</div>

![](https://us1.discourse-cdn.com/inductiveautomation/original/2X/5/50cec3d4c1a76d3d3497c189f69c1798b6a4735f.png)

I did this by taking your picture and made the background transparent. Add a timer to your page and bind the rotation property to your timer value.

just noticed the last dot was so faint, I missed it.

---

<div class="post-metadata">

**Author:** ![Paullys50](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paullys50/32/3324_2.png) [@Paullys50](https://forum.inductiveautomation.com/u/Paullys50)\
**Post date:** [July 3, 2018, 2:02am UTC](https://forum.inductiveautomation.com/t/implement-a-loading-icon/18694/3 "2018-07-03T02:02:42Z")

</div>

You should be able to use a .gif in an image component.

---

<div class="post-metadata">

**Author:** ![f.pinciaroli](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/f.pinciaroli/32/6101_2.png) [@f.pinciaroli](https://forum.inductiveautomation.com/u/f.pinciaroli)\
**Post date:** [July 3, 2018, 7:32am UTC](https://forum.inductiveautomation.com/t/implement-a-loading-icon/18694/4 "2018-07-03T07:32:06Z")

</div>

Thank you!  
I decided to use jdrichards’s solution…it works great with invokeasynchronous and a long process…