Web dev and programming discussions forums
Username
Forgot password?
Sign in with Twitter account
Sign in with Facebook account
List archives
News
Forum archives

Re : jquery progress bar
Thanks, and a spinning circle sounds good.

Earlier versions of IE has a problem with gif animation, and I must support IE7. A workaround for this issue is to add the gif to the DOM tree only when it must be shown. With jquery, that can be easily done.
View original thread with replies
Tags: gif, easily, jquery, tree

Progress Bar

I hope someone here will be able to help me with this. I have just finished developing a module which does the following

a. Displays a form with multiple options (radio buttons) on it
b. The user selects an option and clicks on Submit
c. The form submit handler generates a PDF document on-the-fly and sends it back to be opened or saved.
d. The form remains on display ready for the user's next selection

The thing that I need to add is some user feedback. The PDF generation process is very slow since the document being produced is very complex. I want to reduce the perception of "slooow" by showing a progress bar. A search for progress bar modules has not really thrown up anything that is wholly convincing. And yet, I am sure that there is such a thing out there somewhere. I would much appreciate any help.


Progress Bar BBCode

Progress Bar BBCode

Author: Dakin Quelia
Description: The Progress Bar BBCode allows you to have a progress bar in picture.
Attachments:
pbart.zip
Download, unzip and upload the php file to images folder.


BBCode:
Code: Select all
[progression={TEXT}]{TEXT2}[/progression]

HTML:
Code: Select all
<img src="images/pbart.php?p={TEXT}&t={TEXT2}" alt="progression" />

Helpline:
Code: Select all
Progression: [progression=percent]Your text[/progression]

Example:
Code: Select all
[progression=60]Test[/progression]


Demo:
pbar.png
(BBCode not installled, demo not available)

Statistics: Posted by BBCode Bot — 02 Dec 2008, 00:20 — Replies 2 — Views 1973


PHP Script progress bar

Hi Guys

I need a page to report how far a php script is in its progress...

The website user will post a var to a php page for processing and once the processing has finished then they will be redirected to the result - but I want to make the page have some feedback for the user

Eg tell the user what it is currently doing and what step its at

Now i can get the php page to echo to the browser but how would i cater for this request

Could some one give me an example of a post form that is submitted using AJAX and in the time between when the page has posted and the script has finished it will let the user know how its getting on

AJAX and javascript has never been my strong point.

Progress detection?

I've been trying to learn some javascript through some trial and error and some simple page testing I've been making. I was curious if anyone knew where to point me to, or could post the steps with info, on how to detect the current progress of a video playing.

I don't really have a specific example but was wondering if there's a way to do this by having a function that detects the total duration of the video but can also return a result for the current spot its in. Maybe based off the total percentage?

Not really sure if I'm explaining it correctly but am hoping someone could offer some insight. Thanks in advance.

Progress Bar Issue

Hi, I'm trying to implement a progress bar that supposedly works for someone else (forum link). Every time I try this, it seems to wanna perform the actual script/or mock script(sleep func) BEFORE showing the progress bar.

Any clue what's going on here?

Code:
<?php

echo '<h1>Logging into system...</h1>';
echo '<div id="progress" style="width: 100px;border: 1px solid black"><div id="progress_bar" style="height: 24px; width: 1px;background: blue;"></div></div>';
ob_flush(); flush(); usleep(300000); // <- forces output to be sent to browser

// tell the user we're 10% done:
echo '<script>document.getElementById("progress_bar").style.width = \'10px\'; </script>';
ob_flush(); flush(); usleep(300000);

//...do some processing...//

sleep(3);


// tell the user we're 50% done:
echo '<script>document.getElementById("progress_bar").style.width = \'50px\'; </script>';
ob_flush(); flush(); usleep(300000);

// tell the user we're 100% done:
echo '<script>document.getElementById("progress_bar").style.width = \'100px\';</script>';
ob_flush(); flush(); usleep(300000);

?>
Thanks much!

Ajax progress for mobile...?

I have an Ajax function that sets a timestamp in my database at the touch of a button and returns the new timestamp, which appears in a text box.

Here's the issue: while the function works super-fast on a desktop browser, this function for mobile browsers. On a mobile browser, it takes 10 seconds or so (tested on my Eris Droid) to do the update and display the new timestamp. During that time, there is no indication that anything is going on.

I need some kind of indicator that something is happening - even if it's just a div that displays "Updating...".

I tried this:
Code:
if(readyState < 4)
div1.innerHTML = "Updating...";
if(readyState == 4)
div1.innerHTML = "";
...and it does nothing on my mobile (it flashes the div really fast on my desktop).

Does anyone know of a reliable way to display an update message on a mobile browser while the AJAX script is running?

Progress and Large Files

For fancy upload do you have any tips for transferring larger files (20MB+). I keep getting timeout errors. Also the progress indicator instantly goes to 100% whenever I do an upload no matter how large the file I'm uploading is. Any ideas?

Thanks.

KO3 Progress, Milestones and Workforce

Hi Kohana developers and all,

Being a follower of Kohana 3 for quite some time already, I've been noticing that Kohana 3 recent versions are being released at a slowing pace. In particular, it's almost two months since 3.0.3 was released and yet there are still 17 unclosed bug reports targetting 3.0.4. I don't really want to harass our beloved developers to quicken the releases but I'd like to know if you guys have specific planned timeline on releasing future releases, especially the impending 3.0.4 and 3.1.0. Do you guys need more work force or even donation? Kindly let us all (now suddenly changing to 'we' mode :P) know if you guys are having any problem and all and we'll be glad to help if it's within our capacity, for we all love Kohana!

Cheers!


Re : progress bar acting really wierd

I don't think $.get does what you think it does. http://api.jquery.com/jQuery.get/

Original poster, could you provide some more information about what you're doing? I'd hone in on the fact that it runs on your local machine and not on the remote server.


Display Ajax's progress

For example i run an ajax script that calls a php which will process a bunch of images from a FTP dir and index their data in a db.
Is there any way to display the progress for the client? For example "processing 1/34..2/34...34/34" e.g the target field keeps being updated with the current progress...

Recording user progress

Hello all,

For a project I'm currently developing I need to be able to track users progress on various learning tasks. Examples of these tasks could be the completion of a quiz (Quiz module), reading a node of a certain content type, or even an offline activity which an instructor records into the system.

All resources are categorised and users progress through learning they should be able to view their progress in all categories as well as an "overall" progress to completing all the resources and tasks.

I am fairly new to drupal and cannot see an obvious module which would give me this tracking functionality. Firstly, is there one already available?

If not, could someone suggest some initial ideas on the best way I could get this implemented. Obviously it should be a fairly abstracted so that it can be reused in various situations. I would then need to hook into it from other modules that I end up using such as Quiz.

Any guidance is appreciated.
Thanks, Matthew


Progress bar for file uploading?

My FTP upload script is working fine, but I need to implement a progress bar so that the users can see the status of their file upload.

I know that PHP doesn't have the capability to monitor this itself, but does anyone have any ideas or examples of a simple script that can monitor this?
I don't want to have to re-write my upload script since it is working great and would like something that integrates well with CodeIgniter.

All of the things that I have found with a progress bar are packed in with another upload script which seems would take a long time to pick it apart just to get the status bar element to work.

Any ideas?


Progress bar when uploading files

Hello,

I'm currently working on a website that allows visitors to upload images. They can upload 5 images at once. But when you upload 5 images at once it takes a while for the form to process the information and then display the next page. What I want to do is show a progress bar, or something like that so users can see that the images are being uploaded. Any one have any idea how I can do this? If possible I would like the progress bar to appear when they press the "submit" button and disappear when they next page is displayed.

[RC] Real Upload Progress Bar v1.0.1

Modification Name: PhpBB3 Real Upload Progress Bar mod

Author: ServA1

Author Website: http://www.serva1.net

Modification Description:: This mod will give your forum uploaders a progress bar that really works unlike the prepackaged progress bar included in the subsilver theme which ‘pretends’ to show you upload progress. You also get additional upload details such as percent uploaded, upload speed, average upload speed and estimated time till the upload has finished. The Upload Progress Bar makes use of the lightweight JQuery javascript library to display the information to the browser and for maximum efficiency it only gets called when a user makes a post in your forum.

Modification Version: 1.0.1

Requirements: uploadprogress.so must be installed and enabled on your server.

Features:
    Working progress bar
    Percentage uploaded
    Upload speed
    Average Upload Speed
    Estimated time until upload finishes


Screenshots: Image

Demo URL: NA

Modification Download: Download the Real Upload Progress Bar mod here

Statistics: Posted by ServA1 — Sat Aug 15, 2009 5:51 am — Replies 40 — Views 1617


KO3 Progress, Milestones and Workforce

No insider knowledge here but Shadowhand has been on holiday for a while and still is so I don't expect much progress until he is back. There are other devs but I guess they have all had other things to do over the Christmas break.

Would welcome any indication of a time plan for currently open bugs though.


progress bar problem
Feb 17, 2010
Hi, I am having problems with gwt-ext progress bar widget. Same code for progress bar works fine in one page but on the other page the dark part of the progress bar which covers the light one does not appear at all. Any suggestions are welcome. ...

Static progress bar
Feb 28, 2010
Hi, Are there any static progress indicators out there? I've been googling for ages and only seem to find animated bars, mainly for upload use (e.g the progress bar at t.wits.sg). I'm simply after a way of having a bar show a % complete that...

PHP/SWFUpload progress
Dec 24, 2009
Hi all, Wishing you a merry xmas! As a gift to you a little thing that I figured out through long googling and trial and error: We are using the swfupload (flash) upload tool to upload files to a php script. For a rather cryptic reason on some...

upload progress
Mar 1, 2010
Hello! I am uploading files to youtube using Zend library. Is there a way I can get the progress status of uploading? I mean, not whether it is completed or not, and not the youtube server file processing status, but specifically what portion of...

sprint progress
Jan 21, 2010
I know I've been quiet, but I'm still heads down and making great progress. becuase of the substantial shift in the code base organization and build process, I expect to be committing various portions initially into a staging area along with the...

help in implementing a progress bar
Jan 7, 2010
Hello, Theres this project that I am working on, and a specific module does take few secs to process, I am thinking it would be cool to be showing a progress bar(some kind on a .gif image) while the script runs, does any one have an idea how to...

watching 1.4 progress
Nov 6, 2009
Hey devs, I've been watching all the progress to 1.4 and I'm just wanting to applaud you all for you efforts. You are so responsive and open to feed back and seeing so much of the jquery I've known for years now, which is solid and concise being...

Upload progress?
Feb 8, 2010
Hey all, Has anyone done any work with an upload progress type bar? Click an upload button, select file then get feedback on the progress of the upload? Cheers, Tim

DocBook wiki progress
Mar 5, 2010
Hi folks, Just a quick note to say that I'm still making progress on the wiki issues. The wiki is hosted by ibiblio.org and I'm in the process of migrating things over to a new system there where I should be able to get it back up and running. My…

file upload progress
Nov 16, 2009
i am trying file upload progress found here, this is working outside cakephp my implementation in cakephp is as follows after submiting the form i am calling the ajax file upload progress method, but i the request isn't reaching the server until...