# Horizontal loading slider

**URL:** https://meta.discourse.org/t/horizontal-loading-slider/177939
**Category:** Theme component
**Tags:** deprecated
**Created:** [February 1, 2021, 9:57am UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939 "2021-02-01T09:57:32Z")
**Posts on this page:** 1
**Showing post:** 86

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [February 5, 2021, 12:54pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/86 "2021-02-05T12:54:36Z")

</div>

Hi David,

This loader getting better and better 🙂 Keep the great work.

> [@david](#):
>
> It now takes an average of the last 5 page loads, and uses that to set the speed of the bar

With this new update it looks more dynamic 🙂

* * *

I just notice one thing about this in category. I use the create topic button rename. ⬇  
With Loading Slider it doesn’t refresh the button text. I just notice this because it might cause problem with other scripts.

> [@Create a new topic button with category and topic template](https://meta.discourse.org/t/how-to-create-a-new-topic-button-with-category-and-topic-template/85775/13):
>
> Yes, that would also be possible as well. You can use something like this in the header section of a theme component \<script type="text/discourse-plugin" version="0.8"\> const i18nTopicLable = I18n.lookup("topic.create"); api.modifyClass("component:create-topic-button", { didInsertElement: function() { var button = $(this), category = button[0].parentView.get("category"), label = button[0].label, newTopicLabel = "topic.create", buttonText = ""; if (category) { …

Demo (on this video i click a category which has other create topic text and go to other category which has the default create topic button.) _After i refresh the whole page it show the correct text._

---

_[View the full topic](https://meta.discourse.org/t/horizontal-loading-slider/177939)._