0

G'day,

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" />
    </form>
</div>

My Progres Bar code:

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

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.

Thanks.

2
Contributors
1
Reply
2
Views
5 Years
Discussion Span
Last Post by diafol
0

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.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.