Home/ Questions/Q 8066855
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-05T12:07:19+00:00

<div class=ui-progress style=width: 10%;> console.log($(this).width()); returns width in pixels not %. How do I

  • 0
 <div class="ui-progress" style="width: 10%;">

 console.log($(this).width());

returns width in pixels not %. How do I get the percentage?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Try this:

    var width = $('.ui-progress').width();
var parentWidth = $('.ui-progress').offsetParent().width();
var percent = 100*width/parentWidth;

    OR

    var width = ( 100 * parseFloat($('.ui-progress').css('width')) / parseFloat($('.ui-progress').parent().css('width')) ) + '%';

    Note

    You can use .offsetParent() if parent of .ui-progress has CSS position:absolute.

    • 0