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.