# Loading Label/Bar

**URL:** <https://forum.inductiveautomation.com/t/loading-label-bar/77369>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [August 3, 2023, 2:16pm UTC](https://forum.inductiveautomation.com/t/loading-label-bar/77369 "2023-08-03T14:16:42Z")\
**Posts on this page:** 1\
**Showing post:** 3

<div class="post-metadata">

**Author:** ![lrose](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/lrose/32/62724_2.png) [@lrose](https://forum.inductiveautomation.com/u/lrose)\
**Post date:** [August 3, 2023, 2:32pm UTC](https://forum.inductiveautomation.com/t/loading-label-bar/77369/3 "2023-08-03T14:32:41Z")

</div>

> [@agriner](#):
>
> There's not a great way to make the dataset load faster so I want to at least inform the user that it's loading

As in it takes a while to get the data back from the data source? Or as in the data is retrieved quickly but the aggregations take a while?

If it's the later, perhaps show your code and we might be able to help optimize it.

As for the real point of the question, perhaps take a look at this:

> [@How to implement a loading icon?](https://forum.inductiveautomation.com/t/how-to-implement-a-loading-icon/53950/4):
>
> I actually do this with an icon and a simple CSS animation in a theme Icon Props: path: "" color: "" basis: 25px Icon style: { "border": "solid 5px #cfd0d1", "borderBottomColor": "#1c87c9", "borderRadius": "50%", "width": "25px", "animation": "1.5s linear infinite spinner", "height": "25px" } Animation in theme: @keyframes spinner { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg); } } Ta-Dah! (It is a lot smoother but the gif made it a bit choppier for so…

---

_[View the full topic](https://forum.inductiveautomation.com/t/loading-label-bar/77369)._
