# Building Table Views with Phoenix LiveView: Add a load indicator that will start on user event (click) and end when data finishes loading

**URL:** <https://forum.devtalk.com/t/building-table-views-with-phoenix-liveview-add-a-load-indicator-that-will-start-on-user-event-click-and-end-when-data-finishes-loading/71699>\
**Category:** PragProg Customers\
**Tags:** suggestion, book-building-table-views-with-phoenix-liveview\
**Created:** [1 September 2022 18:33 UTC](https://forum.devtalk.com/t/building-table-views-with-phoenix-liveview-add-a-load-indicator-that-will-start-on-user-event-click-and-end-when-data-finishes-loading/71699 "2022-09-01T18:33:56Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![pullrich](https://forum.devtalk.com/user_avatar/forum.devtalk.com/pullrich/32/5068_2.png) [@pullrich](https://forum.devtalk.com/u/pullrich)\
**Post date:** [3 September 2022 13:41 UTC](https://forum.devtalk.com/t/building-table-views-with-phoenix-liveview-add-a-load-indicator-that-will-start-on-user-event-click-and-end-when-data-finishes-loading/71699/2 "2022-09-03T13:41:03Z")

</div>

Hey @djantea ,

thank you for reading my book 🙂

I must admit that it took me a good hour to find the problem here: If you push an event from the server to the client using `push_event/3`, then you don’t have to prefix the event name with `phx:` because [LiveView does so automatically](https://hexdocs.pm/phoenix_live_view/Phoenix.LiveView.html#push_event/3).

So, in your case, the client would receive the event `phx:phx:page-loading-stop` which doesn’t stop the loading bar. If you remove the `phx:` from your `push_event/3`-call, it should work 🙂

Let me know if this fixed your problem 💪

---

_[View the full topic](https://forum.devtalk.com/t/building-table-views-with-phoenix-liveview-add-a-load-indicator-that-will-start-on-user-event-click-and-end-when-data-finishes-loading/71699)._