AJAX :: Create A Progress Bar Based On Progress Of AJAX Handler?
Sep 7, 2010
I've got a plain C# web page that uses jQuery to call a handler page using AJAX. While the handler content is loading, a message "Please Wait, loading..." is displayed. Once I've got the content back from the handler I hide the loading message and display the content.What I'd like to do is after the loading message, display a percentage of how far through the handler page is. All the handler page does is loop through a list of members, powered by a web service, and adds them to the database so I know exactly how many members are being added to the database so I can tell how far I am through.The problem I'm having is because all of this goes on in a handler, how can I send the progress percentage back to the main web page while the handler was still loading.Any ideas? If I could do the exact same task but differently which would allow me to create the progress bar,
I'm trying to make a progress bar that updates the user on the progress of the AJAX call.
My immediate thinking was that I need an AJAX call to start a thread on the server, allowing the starting AJAX call to finish, and allowing the thread to send updates back to the user.
For the purpose of simplicity, disregard the actual progress bar functionality (I was thinking of implementing one of those JS bars, with fancy colors and effects ;), but if I can get an update from the thread, then updating a simple JS progress bar becomes trivial ;) )
I have a wierd issue with the update progress control in ie8. I have a modal popup that loads a pdf in an iframe, then i have a button click that navigates away from the pdf and shows a form in the same modal. All this is wrapped in an update panel, which i have an update progress control associated with. The control shows correctly in ie7, firefox, safari, and chrome. But in ie8 when the async post back is complete the progress indicator does not hide, until I click on the screen or scroll the page, then it hides and the form shows.
I have to add a progress bar on my web page to show the progress of submission. My page on submit saves the data in the database. I have to show user how long will the submission take place. For an e.g., 50% Completed and so on..
I have a new issue regarding the progressbar I have a page from which i am passing a parameter to CrystalReportviewer on the next page and a converting a Crystal report in to PDF .My problem is i want to show a progress bar while the page is loading (on which crystal Report Viewer is Placed) and writing a PDF file I have already place a scriptmanager Updatepanel and updateprogresbar on that page but the still the page is showing blank while loading the page
I have a question about using the update progress control. I gasp the basic use of the control - basically you can associate it to an update panel, and whenever that update panel is updated, this update progress control is displayed on the page.
I do have a couple of questions though:
1. My project uses a lot of user controls. I would like to display an update progress control that "disables" or "whitewashes" the contents of the user control - which for this example - lets say it is a gridview and a drop down list - when the user changes the selected value of the drop down list, the grid rebinds. I want the update progress control to shadow or whitewash only that grid while it rebinds. The rest of the page should be accessible.
2. I have certain pages that I want to be locked while an update panel is updating - in otherwords, the entire page is whitewashed or shadowed out and a ajax loader gif is shown. I currently have this working with an update progress control that does not have the AssociatedUpdatePanelID property set. This appears to fire every time any update panel is updated. If I were to have one of the user controls that has an update progress control that only applies to itself - and those update panels update - which update progress would be shown?
I'm just getting started with ajax. I wonder how this is done. On a button click I am gone read a text file and add the parameters to a database. now this function is done today, I just want to update it so it's done with AJAX. I want to have a progress indicator too. How is this done?
There is a nice video on progressbar at [URL] where the URL is: [URL] But the progressbar is not displayed modally. It only gives an illusion of being modal based on the CSS. If I put another button either within the Updatepanel or outside, I am able to click it, and it post backs. Is ther any other settings needed to be added or it will never be modal? I have included the code downloaded from the site along with my extra button.
Problem is, within datalist 2, I have some linkbutton's and I'd like to show a progress "gif" (update progress) when the button is clicked. I can create the update progress, but when you click the button, you get the "gif" shown for every item in the nested datalist. Anyone know how I can identify where I am in the datalist (which linkbutton) and only show the progress "gif" for that button?
I have treeview on my webpage , I am populating it on server side coding.All the tree nodes are documents like .doc or .pdf and with their path as navigation url. My problem is that when I click on node , it takes time to load the document. So I need to show progress bar for the time it takes to download the document form server.
I developed my application form in aspx page its such a huge form(6000 lines), I used update progress there for that updatepanel, But i cant able to see the update progress icon when i rendering the page.
I am able to update two panels from one button click, Added updateprogress on both panels and on button click it shows the "Loading" icon. But how if I want to icon to show up if user clicks another button which is not part of updatepanel?
I am attaching the code.. in the code I have a button "Show CD Info". When user clicks this button, I load a GridView on the left (Grid Panel) and a simple labels on the right (View Panel) that shows the first record. During the load, user see the Loading icon.
Also, user can click "Refresh Grid" button to refresh ONLY the grid. "Clear" button to clear the labels on the View panel on the right. To accomplish this I have added triggers on Grid Panel
and on View Panel
This code ajaxify my requirement but how to show the progress icon when I click Refresh or Clear buttons?
Here is the code (.aspx):
and (code behind .c#)
let me know how to activate the same progress icon from two buttons?