I have a created a search engine which allows users to search for files uploaded on my site. But I have created a progress bar as well and I want that progress bar to show after a user hits the search button.

My Search engine code:

<div class="searchBox">
    <form id="searchbox" method="get" action="search.php" name="s">
        <input id="searchField" type="text" name="search" placeholder="What are you looking for?" />
        <input id="searchBtn" type="submit" name="submit" value="Search" />

My Progres Bar code:

<div class="progress-bar green stripes">
    <span style="width: 1%"></span>

If you guys beed any CSS style sheet for it, let me know.
I just want that progress bar to be visible when a user hits search button.

Like when the user hits the button, the search field and the button hides and the progress bar comes up.


Member Avatar

So you're using Ajax or plain php? If using plain php, then I can't see how this will work as the page won't start rendering until pretty much all the info is sent from the server. The rendering will should be pretty quick.
You probably only need this for Ajax implementation.