# 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:** 20
**Page:** 1
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [February 1, 2021, 9:57am UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/1 "2021-02-01T09:57:32Z")
> đ¨ **This functionality is now part of Discourse core. Use the âpage loading indicatorâ setting to enable it.** More details [below](https://meta.discourse.org/t/horizontal-loading-slider/177939/254).
This theme component removes the core Discourse loading spinner, and replaces it with a loading slider at the top of the screen. This is a common approach on other sites (e.g. GitHub). The advantage is that there is less âflickeringâ of content during a page change. Potential disadvantage is that it makes Discourse feel less like an app and more like a webpage.
| normal | with theme component |
| --- | --- |
|  |  |
**Known Issues:**
- Latest / Top / Unread⌠dropdown [gets stuck on mobile](https://meta.discourse.org/t/experiment-on-meta-loading-slider/177939/95) â
- discourse-encrypt incompatibilities (e.g. topic titles getting stuck when switching between topics)
| | | |
| --- | --- | --- |
| đ | **Preview** | [Theme creator](https://theme-creator.discourse.org/theme/david/loading-slider) |
| đ | **Repository** | [https://github.com/davidtaylorhq/discourse-loading-slider](https://github.com/davidtaylorhq/discourse-loading-slider) |
| â | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| đ | **New to Discourse Themes?** | [Beginnerâs guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |
---
### Author:  [@justin](https://meta.discourse.org/u/justin)
#### Post date: [February 1, 2021, 3:23pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/2 "2021-02-01T15:23:43Z")
This is so much more visually appealing to me. The loading spinner is nice but quite jarring.
---
### Author:  [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [February 1, 2021, 3:41pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/3 "2021-02-01T15:41:23Z")
Can we give it a try for a day or two on Meta @david ?
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [February 1, 2021, 3:42pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/4 "2021-02-01T15:42:50Z")
Sure, letâs see what it feels like. Enabled here on Meta đ (And temporarily pinned/renamed this topic so people know itâs happening)
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [February 1, 2021, 3:44pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/5 "2021-02-01T15:44:30Z")
---
### Author:  [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [February 1, 2021, 4:03pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/6 "2021-02-01T16:03:08Z")
While I like it, it does _feel_ quite slower. Maybe itâs because I have ~250ms latency from Meta.
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [February 1, 2021, 4:06pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/7 "2021-02-01T16:06:38Z")
Yeah I am torn on it. I like that it stops the full-page flickering, but it does make the UI feel a little less responsive đ¤
---
### Author:  [@justin](https://meta.discourse.org/u/justin)
#### Post date: [February 1, 2021, 4:33pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/8 "2021-02-01T16:33:49Z")
Conversely I feel it makes the page feel faster with a low latency connection. Though the UI responsiveness is different.
---
### Author:  [@Jonathan5](https://meta.discourse.org/u/Jonathan5)
#### Post date: [February 1, 2021, 4:35pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/9 "2021-02-01T16:35:21Z")
I preferred the spinner, though to be honest I hadnât really been aware of it. I like the way it is there for a split second then the page appears suddenly. This seems fast. With the bar, it makes me more aware of waiting. I found myself still looking at it when otherwise I could have started reading the page.
It might be some improvement if it âendedâ at an earlier stage of page loading.
Or if you want to move away from the old spinner what about a new spinner that is like a circular version of the bar - reaching 360 degrees just before it disappears?
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [February 1, 2021, 4:40pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/10 "2021-02-01T16:40:00Z")
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [February 1, 2021, 4:40pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/11 "2021-02-01T16:40:59Z")
This was exposing a few different rendering bugs (e.g. navigating directly from one topic to another would cause issues displaying the OP). Removed from Meta for now, but you can still try it out using the theme creator link in the OP
---
### Author:  [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [February 3, 2021, 1:41am UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/13 "2021-02-03T01:41:00Z")
Oh yes, this is 100% better, feel free to make it so!
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [February 3, 2021, 12:58pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/15 "2021-02-03T12:58:57Z")
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [February 3, 2021, 12:59pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/16 "2021-02-03T12:59:54Z")
The topic rendering bug should now be ironed out, so Iâve re-enabled this here on Meta. Letâs see how we get on with it.
---
### Author:  [@fzngagan](https://meta.discourse.org/u/fzngagan)
#### Post date: [February 3, 2021, 1:19pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/17 "2021-02-03T13:19:14Z")
Looking awesome. đđť Keep up the good work.
---
### Author:  [@TheDarkWizard](https://meta.discourse.org/u/TheDarkWizard)
#### Post date: [February 3, 2021, 2:03pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/18 "2021-02-03T14:03:35Z")
The bar is way better.
---
### Author:  [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [February 3, 2021, 2:15pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/19 "2021-02-03T14:15:44Z")
I like it very much, even if customized spinners wonât show up most of the time.
One issue though. The loading bar isnât used when you reload the topic or topic list youâre on.
If youâre on meta home, click on the logo, and youâll see the spinner instead of the bar.
---
### Author:  [@Terrapop](https://meta.discourse.org/u/Terrapop)
#### Post date: [February 3, 2021, 2:17pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/20 "2021-02-03T14:17:53Z")
I like it much better than the spinner. Great work!
How to set/change the color of the loading bar though?
---
### Author:  [@david](https://meta.discourse.org/u/david)
#### Post date: [February 3, 2021, 2:20pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/21 "2021-02-03T14:20:40Z")
> [@Terrapop](#):
>
> How to set/change the color of the loading bar though?
Currently itâs set based on the âquaternaryâ color in the color scheme. It would be easy to customize individually via CSS if you wanted to.
> [@Canapin](#):
>
> If youâre on meta home, click on the logo, and youâll see the spinner instead of the bar.
Good catch, thanks. Iâll see if I can override that situation as well đ
---
### Author:  [@TheDarkWizard](https://meta.discourse.org/u/TheDarkWizard)
#### Post date: [February 3, 2021, 2:22pm UTC](https://meta.discourse.org/t/horizontal-loading-slider/177939/22 "2021-02-03T14:22:29Z")
Is the goal to eventually move this into core Discourse and not require a theme component?
[Next page](https://meta.discourse.org/t/horizontal-loading-slider/177939.md?page=2)