Progress bar

Posted by Nishithraj under ASP.NET on 1/13/2010 | Views : 2518 | Status : [Member] | Replies : 6

Write New Post |

Search Forums | Answered

Resolved Posts |

Un Answered Posts |

Forums Home

I have an application in ASP.NET 2.0, I have multiple tabs for data entry. Each tab is a dataentry page and saves the information in different tables.

Now my requirement is like I need to show the progress of data updation(example: In jobsites we can see the resume data entry with progress bar in the following order.

1. Personal data
2. Contact infor
3. Educational details
3. Employement details
4. Reference

if personal data is filled we should show some 15% percentage is filled. Contact info is filled means some 25% is filled etc.

This should show with a progress bar.

Any one has done simillar to this implementation????

Mark this as answer, if it is.....

With regards
Nishithraj Narayanan

Reply | Reply with Attachment

Alert Moderator

Responses

Posted by: Sagarp on: 1/13/2010 [Member] Bronze

0	HI friend ref this link http://devcenter.infragistics.com/Support/KnowledgeBaseArticle.Aspx?ArticleID=9998 Thanks SagarP http://www.emanonsolutions.net http://emanonsolutions.blogspot.com/ Nishithraj, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Raja on: 1/13/2010 [Member] Starter

0	You can show a progress bar by filling the background color of the div with height and width in terms of percentage. for example <div style="height:10px;width:50%;background-color:black;"></div> Above code will show the div with 50% screen width so your user will know that 50% is filled. In the same way you can increase the width of the div and change the label. I hope this will give you some idea on how to do this. Thanks Regards, Raja, USA Nishithraj, if this helps please login to Mark As Answer. \| Alert Moderator

You can show a progress bar by filling the background color of the div with height and width in terms of percentage.

for example

<div style="height:10px;width:50%;background-color:black;"></div>

Above code will show the div with 50% screen width so your user will know that 50% is filled.

In the same way you can increase the width of the div and change the label.

I hope this will give you some idea on how to do this.

Thanks

Regards,
Raja, USA

Nishithraj, if this helps please login to Mark As Answer. | Alert Moderator

Posted by: Vuyiswamb on: 1/14/2010 [Member] [MVP] [Administrator] NotApplicable

0	Good day Use the UpdateProgres check the Article here http://www.dotnetfunda.com/articles/article733-how-to-use-updateprogress-control-aspnet-ajax-.aspx Thank you for Posting at Dotnetfunda Vuyiswa Maseko Thank you for posting at Dotnetfunda [Administrator] Nishithraj, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Nishithraj on: 1/15/2010 [Member] Bronze

0	Actually I need to fetch the values from database and to show the progress bar... Mark this as answer, if it is..... With regards Nishithraj Narayanan Nishithraj, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Vuyiswamb on: 1/15/2010 [Member] [MVP] [Administrator] NotApplicable

0	You want to use the Values of the database to Show the Progress bar ? Thank you for posting at Dotnetfunda [Administrator] Nishithraj, if this helps please login to Mark As Answer. \| Alert Moderator

Posted by: Sagarp on: 1/15/2010 [Member] Bronze

0	hi Nishithraj i have u link..u can use it how many percent of data fill this display in green colr progress Thanks SagarP http://www.emanonsolutions.net http://emanonsolutions.blogspot.com/ Nishithraj, if this helps please login to Mark As Answer. \| Alert Moderator

Latest Posts