# 奇怪的进度条行为 **URL:** https://meta.discourse.org/t/weird-topic-progress-bar-behavior/141775 **Category:** UX **Created:** [2020年二月17日 07:37 UTC](https://meta.discourse.org/t/weird-topic-progress-bar-behavior/141775 "2020-02-17T07:37:57Z") **Posts on this page:** 8 **Page:** 1
### Author: ![smrtey](https://avatars.discourse-cdn.com/v4/letter/s/db5fbb/32.png) [@smrtey](https://meta.discourse.org/u/smrtey) #### Post date: [2020年二月17日 07:37 UTC](https://meta.discourse.org/t/weird-topic-progress-bar-behavior/141775/1 "2020-02-17T07:37:57Z")
不确定这是否只是因为我做了一些用户通常不会做的事情，但我注意到主题进度条最近开始表现异常。 它在某些宽度下会覆盖帖子。 ![image](https://global.discourse-cdn.com/meta/original/3X/7/6/7699c9ea82f1306d9fb228e13e0b5e4a1a901673.png) 当宽度变窄时，它会正确折叠： ![image](https://global.discourse-cdn.com/meta/original/3X/c/5/c56c559bab4aa4aa4dfde9b0e85ee48d25b37d78.png) 但当进一步变窄时，它又再次展开： ![image](https://global.discourse-cdn.com/meta/original/3X/9/9/99120a48afcdec9c58892d56e77fc4a816b3068e.png) 以下是该行为的视频： [![](https://i.ytimg.com/vi/2hPw9f1K9io/hqdefault.jpg "Meta Topic Progress Bar") ](https://www.youtube.com/watch?v=2hPw9f1K9io) 我最初在我的论坛上发现了这个问题，当时我使用了 CSS 使桌面视图适配移动屏幕，以获取引用中的嵌入帖子。这几个月一直运行正常，直到最近我才注意到在小屏幕上不再显示主题进度条。以下是它在我网站上的表现（这是在桌面视图下）： [![](https://i.ytimg.com/vi/UOE3AU33DkQ/hqdefault.jpg "Disappearing Topic Progress Bar") ](https://www.youtube.com/watch?v=UOE3AU33DkQ) ---
### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror) #### Post date: [2020年二月17日 19:55 UTC](https://meta.discourse.org/t/weird-topic-progress-bar-behavior/141775/2 "2020-02-17T19:55:48Z")
除非您能在此处复现该问题，否则这是您网站的 CSS 和主题设置问题。 ---
### Author: ![smrtey](https://avatars.discourse-cdn.com/v4/letter/s/db5fbb/32.png) [@smrtey](https://meta.discourse.org/u/smrtey) #### Post date: [2020年二月17日 19:56 UTC](https://meta.discourse.org/t/weird-topic-progress-bar-behavior/141775/3 "2020-02-17T19:56:47Z")
我的截图和第一个视频已在 meta.discourse 上发布。 ---
### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror) #### Post date: [2020年二月17日 19:58 UTC](https://meta.discourse.org/t/weird-topic-progress-bar-behavior/141775/4 "2020-02-17T19:58:51Z")
您已选择了非默认主题，所以……不太可能？ ---
### Author: ![smrtey](https://avatars.discourse-cdn.com/v4/letter/s/db5fbb/32.png) [@smrtey](https://meta.discourse.org/u/smrtey) #### Post date: [2020年二月17日 19:59 UTC](https://meta.discourse.org/t/weird-topic-progress-bar-behavior/141775/5 "2020-02-17T19:59:29Z")
抱歉，我只是从菜单里选了一个主题。你希望我在哪个主题上复现它？ ---
### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror) #### Post date: [2020年二月17日 20:00 UTC](https://meta.discourse.org/t/weird-topic-progress-bar-behavior/141775/6 "2020-02-17T20:00:24Z")
建议先在浏览器的无痕模式下尝试，这样您就能确保使用的是所有默认设置。或者，您也可以尝试访问 [try.discourse.org](http://try.discourse.org)，该网站正是为此目的而设。 ---
### Author: ![smrtey](https://avatars.discourse-cdn.com/v4/letter/s/db5fbb/32.png) [@smrtey](https://meta.discourse.org/u/smrtey) #### Post date: [2020年二月17日 20:16 UTC](https://meta.discourse.org/t/weird-topic-progress-bar-behavior/141775/7 "2020-02-17T20:16:13Z")
在无痕模式下表现相同 [![](https://img.youtube.com/vi/UboK7FST_hM/maxresdefault.jpg "Timeline and Progress Bar") ](https://www.youtube.com/watch?v=UboK7FST_hM) ---
### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot) #### Post date: [2020年二月17日 20:27 UTC](https://meta.discourse.org/t/weird-topic-progress-bar-behavior/141775/8 "2020-02-17T20:27:32Z")
嗯，我也看到了同样的问题……看起来性能在某处受到了影响？（另外注意到头像/主题布局在特定宽度下会换行，正在调查中）