Min: Add `loading activity` or `progrss bar` when loading web page

Created on 17 Apr 2016  路  17Comments  路  Source: minbrowser/min

Please add something to make sure the browser is loading when clicking link or open new tab

enhancement

Most helpful comment

True, could just do a faint line on the bottom of the tab, like this:
untitled_2

All 17 comments

Something like this could work:
loadingbar

It seems kind of busy, though, since there are three different shades of green in the tabstrip. Also, having two different colors under the same text will likely be a problem, since the text may be readable on top of one color but not the other.

True, could just do a faint line on the bottom of the tab, like this:
untitled_2

There already is one...

@TheInitializer No, there isn't.

I get a little blue progress indicator directly under the tab bar... maybe I'm seeing something else?

There's a bar like that on Google websites.

It must have been something else, I tried loading a few pages and didn't see it.

@idle-zealot I've only been on GitHub since I installed min, lol

Oh lol, Github has one for its issue thing. _facepalm_

@PalmerAL how do you feel about the thin line approach? Mobile Safari and FB's browser both use this technique and I think it's pretty effective.

A thin line would work pretty well. What should the algorithm for changing the width of the line be? There's no way to measure actual progress, so the progress shown will just be a guess.

Rather than a progress bar, maybe a loading indicator. Like Chrome has. But instead of that circular icon, you could use a sliding line on bottom, fading animation on the tab, etc.

@PalmerAL Considering the issue about algorithm, a spinner or an animated line would do just fine which will indicate that the page loading process is not yet complete. On internet connections having slow speed, I have found myself rechecking the tab if the page is loading or not and have refreshed page lot many times.

I had a hard time finding what the algorithm for a "fake progress bar" should look like, but I whipped something up in a JS Fiddle that you might find appropriate for Min: https://jsfiddle.net/6ysewx7w/

@abejfehr That looks like it would work.

This has been added in #453, and will be included in 1.7.0.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

BenStigsen picture BenStigsen  路  6Comments

BillDietrich picture BillDietrich  路  5Comments

achou11 picture achou11  路  3Comments

PEPERSO picture PEPERSO  路  4Comments

jersonlatorre picture jersonlatorre  路  3Comments