jQuery 에서 progressBar 의 진행률 표시줄 색상과 배경색을 설정하는 방법
진행률 표시줄과 베이징의 색깔을 구분하고 싶습니다. 누가 도울 수 있습니까? 감사합니다. 질문 보충: 여전히 안 됩니다. 진행률 표시줄과 배경은 여전히 한 가지 색입니다. 질문 보충: 제 문제가 아직 잘 이해가 안 될 것 같습니다.
< P > < P > LT; Div id = "PSP" class = "easyui-progressbar" style = "width: 630px;" Lt; /divfunctiontext (result) {
$ ('# pspdiv'). CSS ({'bar
$ ('# PSP'). CSS ({'background':' green'});
varvalue = $ ('# PSP'). progressbar ('getvalue');
if (값 lt; 100) {
값+= math.floor (math.random () * 10);
$ ('# PSP'). progressbar ('setvalue', value);
if (valuelt; 100) {
settimeout ("text ('"+result+"')", 200);
}
}
현재 진행 표시줄과 배경의 색상을 구분하려고 하지만 이 두 가지 색상은 항상 동일합니다. 제 코드가 문제인지 잘 모르겠습니다.
질문 보충: housen1987 은 제가 준 효과도를 보세요. 이런 모습인지 아닌지, 관건은 LT 입니다. Div id =' PSP' style =' padding: 2px;' 입니다 이 문장
--------
질문 보충: housen1987 은 이제야 이해했다고 썼다 Style.ui-progressbar {background: green; 패딩: 1px; }. ui-progress bar-value {background: lightblue; } lt; /stylelt; Script type = "text/JavaScript" $ (function () {lt; /body
이 코드에 따라 시도해 보십시오. jquery UI 는 일반적으로 CSS 를 사용하여 스타일을 변경합니다.
공식 문서:
는 sample markup with 를 참조합니다 Div 클래스 = "ui-progress bar ui-위젯 ui-위젯-컨텐트 ui-corner-all"
lt; Divstyle = "폭: 37;" 클래스 = "ui-progress bar-value ui-widget-header ui-corner-left" lt; /div
lt; /div
note: this is a sample of markup generated by the progress bar plugin, not markup you should use to create a plugin Divlt;; /div.
-------
스타일은 전혀 작동하지 않습니다.