Ширина полосы выполнения

Мой код предназначен для установки ширины полосы выполнения, вычисляя процент и передавая его как style.width. Я новичок, поэтому прошу прощения за плохой код:Ширина полосы выполнения

JQuery

$(document).ready(function() { 
var width=(1/5*100); 
$('#progress_bar').css('width','=width + "%"'); 
});

HTML

<div id="progress_bar" style="height:1em; background:red; display:block;"></div>

Может кто-то с второго щадить, пожалуйста, помогите мне получить его работу и показать мне, где Я поступил не так, чтобы я мог учиться на этом?

http://jsfiddle.net/SyxAM/

источник

2012-08-14 Jeremy Hewitt

Почему нужно вычислить в JQuery? Вы можете напрямую использовать css следующим образом: #progress_bar { ширина: 20% } –

@ HarshithJ.V. Индикатор выполнения анимируется, поскольку страница уничтожает ряд активов. По мере прогрессирования прогресс увеличивается по мере изменения ширины var, т.е. (1/5 * 100), (1/4 * 100), (1/3 * 100) и т. Д. –

Строка '=width + "%"' не может быть значением параметра CSS.

Вы, вероятно, хотели

$('#progress_bar').css('width', width + "%");

источник

2012-08-14 06:57:42

Спасибо, это исправлено, я вижу, что пунктуация останавливала var и рассматривала его как значение. Спасибо :) –

это решит вашу проблему

var width=(1/5*100); 

$('#progress_bar').css('width',width + "%");

источник

2012-08-14 06:59:17 rahul

Ваша переменная была wrong.It Добавление данных должно быть так;

$(document).ready(function() { 
var width=(1/5*100); 
$('#progress_bar').css('width', width + "%"); 
});

Вы можете увидеть здесь http://jsfiddle.net/SyxAM/2/

источник

2012-08-14 07:01:05

ответ

Смежные вопросы