Home Upgrade Search Memberlist Extras Hacker Tools Award Goals Help Wiki Contact

Help fixing progress bar and other small things?

Okay so here's my website: http://clashroyale-gem.com/test2
When you enter a random username and click generate, a progress bar shows up, however it does not work and it's stuck in one spot. Hope someone can help.

If you're not sure about fixing this, try helping me with some stuff on this link
http://clashroyale-gem.com (Main page)
Okay so put a random username and keep clicking generate blah blah, eventually this fake process thing shows up. There are 2 problems with it that I am hoping to fix:

a) The text takes really long, how do i make the letter typing speed faster?
b) When the user goes to another tab, the process stops. How do i turn that off?
ALSO: The website looks pretty ugly i know haha, i tried making the background the blue checkers and idk what happened.

Hope i can get some help, thanks!
For the progress bar you want to put some jQuery event to say increase the width of the element:
#myBar by 1% every X seconds.

Code
$(function() {
    var pGress = setInterval(function() {
        var pVal = $('#myProgress').progressbar('option', 'value');
        var pCnt = !isNaN(pVal) ? (pVal + 1) : 1;
        if (pCnt > 100) {
            clearInterval(pGress);
        } else {
            $('#myBar').progressbar({value: pCnt});
        }
    },10);
});
Put this in your .js file & make sure the script is being brought in after jQuery.
Web Designer / Developer & SEO Expert.

View Work
Earn 10% of the job you refer me to!

Skype aerox.design

(Feb 7, 2017 07:51 PM)Rushax Wrote:  For the progress bar you want to put some jQuery event to say increase the width of the element:
#myBar by 1% every X seconds.

Code
$(function() {
    var pGress = setInterval(function() {
        var pVal = $('#myProgress').progressbar('option', 'value');
        var pCnt = !isNaN(pVal) ? (pVal + 1) : 1;
        if (pCnt > 100) {
            clearInterval(pGress);
        } else {
            $('#myBar').progressbar({value: pCnt});
        }
    },10);
});
Put this in your .js file & make sure the script is being brought in after jQuery.

Well, that's called a "fake progress bar" because it changes even if no progress is made. For example, if his script gets stuck on something or takes a while the progress bar could show 100% even if the script isn't done.
(Feb 8, 2017 02:25 PM)Nerdi Wrote:  Well, that's called a "fake progress bar" because it changes even if no progress is made. For example, if his script gets stuck on something or takes a while the progress bar could show 100% even if the script isn't done.

Yeah, what i'm tryna do is a fake progress bar, however once it gets to 100 i want it to do something.
(Feb 8, 2017 02:25 PM)Nerdi Wrote:  Well, that's called a "fake progress bar" because it changes even if no progress is made. For example, if his script gets stuck on something or takes a while the progress bar could show 100% even if the script isn't done.

I know its a fake progress bar, its a CPA for a game. He just wants to make it seem as though it's legit to users, that's why I offered the solution.

Then you could add an event once the width is equal to 100%.
Web Designer / Developer & SEO Expert.

View Work
Earn 10% of the job you refer me to!

Skype aerox.design



Possibly Related Threads...
Thread / Author Replies Views Last Post
by Camf ∆Jan 6, 2021 01:53 PM 0 77 Jan 6, 2021 01:53 PM
Last Post: Camf ∆
by sevenjahSep 18, 2014 08:37 PM 2 69 Sep 18, 2014 08:37 PM
Last Post: sevenjah
by ᴺᴼᴬᴴFeb 22, 2014 05:14 PM 4 54 Feb 22, 2014 05:14 PM
Last Post: Exemplification