我需要将某些 jquery upload_progress 参数转换为 javascript

Question

The following code is working in jquery for ajax file upload

//upload_percent = Math.ceil(upload_position / upload_total * 100);
$('.upload_progress').css('width', upload_percent + '%');
$('.upload_progress').text(upload_percent + '%');

html

<div class="upload_progress" style="width:0%">0%</div>

Now I need to convert the above jquery code to javascript in other to display upload_progress of a file.

I know in javascript, one can do something like the code document.getElementById('upload_progres') but my issue is that upload_progress is also showed in html div as class.

Answer 1

document.getElementsByClassName('upload_progress')[0] - would select the first element with this class. Then instead of .width() you should use element.style.width(upload_percent + '%')