Problem in showing progress image and status message.

Question

Hi, friends,
I have file upload program in which when user uploads the file
i want to show animated progress file
i.e. ( circle.gif )
when upload finishes it should display message :
File < file name > uploaded successfully.
How do i achieve it ?
since when i am uploading file , image is displayed but
due to upload process image is hanged up and did not showing
animation.
Kindly solve the above problem.
i post my some code here.
============================
javascript part is here
function showProgress()
        document.getElementById('imgprogress').style.display = "";
     document.getElementById('imgprogress').style.visibility="";
    function completedupload()
     document.getElementById('progress').style.display = "";
     document.getElementById('progress').style.visibility="";
<div id="imgprogress" style="display:none; visibility:hidden;"><img src="images/circle.gif"></div>
                                                  <div id="progress" style="display:none; visibility:hidden;"><%= status %></div>
                                                  <div id="" style="display:none; visibility:hidden; "><img src="images/circle.gif" width="21" height="21"></div>since it is not working good.
please provide me good solution for this.
i need exactly following :
when user gives big file to upload it shows progress as animated image
and upload process finished up, it should remove image and display status message like " File Upload completed. "

Answer 1

I know this is an old topic, but I found the solution and thought I'd share it! By default, a JList only has 1 visible row. To allow the number of rows to expand dynamically, throw this in.
this.imageList.setVisibleRowCount(-1);My code looks like this. It centers each image and centers the text under the image and wraps images horizontally.
    ListCellRenderer renderer = new ImageListCellRenderer();
    this.imageList.setCellRenderer(renderer);
    DefaultListModel listModel = new DefaultListModel();
    this.imageList.setVisibleRowCount(-1);
    this.imageList.setLayoutOrientation(JList.HORIZONTAL_WRAP);
    this.imageList.setModel(listModel);and the renderer
public class ImageListCellRenderer extends DefaultListCellRenderer { 
  public Component getListCellRendererComponent(JList list, Object value, int
      index, boolean isSelected, boolean hasFocus) {
    JLabel label = (JLabel)super.getListCellRendererComponent(list, value,
        index, isSelected, hasFocus);
    if (value instanceof File) {
      File imageFile = (File)value;
      String path = imageFile.getAbsolutePath();
      Image image = Toolkit.getDefaultToolkit().getImage(path);
      image = image.getScaledInstance(100, 100, Image.SCALE_DEFAULT);
      ImageIcon imageIcon = new ImageIcon(image);
      label.setIcon(imageIcon);
      label.setText(path.substring(path.lastIndexOf(File.separatorChar) + 1));
      label.setVerticalTextPosition(SwingConstants.BOTTOM);
      label.setHorizontalAlignment(SwingConstants.CENTER);
      label.setHorizontalTextPosition(SwingConstants.CENTER);
    else {
      label.setIcon(null);
    return label;
}I need to work on this to improve performance, but it works!