From Design pattern
Jump to: navigation, search
Line 1: Line 1:
 +
{{#css:
 +
#mw-content-text h3 span {
 +
font-weight: 600;
 +
padding-left: 0px;
 +
}
 +
 +
.mw-headline {
 +
font-weight: 600;
 +
}
 +
 +
span.mw-editsection {
 +
font-weight: 200;
 +
position: relative;
 +
float:right;
 +
margin-right: 25px
 +
}
 +
 +
span.mw-editsection a {
 +
font-weight: 200;
 +
}
 +
 +
.art-subpage {
 +
background: #F7F7F7;
 +
}
 +
 +
#mw-content-text p {
 +
padding-top: 0px;
 +
padding-bottom: 6px;
 +
}
 +
 +
.mw-content-ltr ul {
 +
margin: 0.3em 0 0 42px;
 +
}
 +
 +
 +
hr {
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
margin-left: -31px;
 +
width: 720px;
 +
border-bottom: 1px solid #E0E0DD;
 +
border-left: 0px;
 +
border-right: 0px;
 +
border-top: 30px solid #F7F7F7;
 +
}
 +
<!--
 +
#sun-col {
 +
-webkit-column-count:2; /* Chrome, Safari, Opera */
 +
-moz-column-count:2; /* Firefox */
 +
column-count:2;
 +
}
 +
 +
#sun-col p {
 +
padding-left: 0px;
 +
-->
 +
}
 +
 +
}}
 
작업의 진행상태와 진행정도등을 wheel을 이용하여 실시간으로 알려준다. Filling up progress wheel은 원을 그리듯 작업의 진행정도를 시각화 하는 방식으로 Filling up progress bar에 비하여 비교적 빨리 진행이 완료되는 경우에 사용된다.  Circulating progress bar/wheel이 진행이 완료될때까지 원을 그리는 피드백이 반복되는 것과 달리 하나의 원이 그려지면 진행이 완료된다.
 
작업의 진행상태와 진행정도등을 wheel을 이용하여 실시간으로 알려준다. Filling up progress wheel은 원을 그리듯 작업의 진행정도를 시각화 하는 방식으로 Filling up progress bar에 비하여 비교적 빨리 진행이 완료되는 경우에 사용된다.  Circulating progress bar/wheel이 진행이 완료될때까지 원을 그리는 피드백이 반복되는 것과 달리 하나의 원이 그려지면 진행이 완료된다.
  

Revision as of 21:31, 28 May 2014

작업의 진행상태와 진행정도등을 wheel을 이용하여 실시간으로 알려준다. Filling up progress wheel은 원을 그리듯 작업의 진행정도를 시각화 하는 방식으로 Filling up progress bar에 비하여 비교적 빨리 진행이 완료되는 경우에 사용된다. Circulating progress bar/wheel이 진행이 완료될때까지 원을 그리는 피드백이 반복되는 것과 달리 하나의 원이 그려지면 진행이 완료된다.

Example

598번 사례

  • 한 프레임에 들어가는 이미지의 다운로드 진행 상태를 원형의 점선의 색깔이 변화하는 형태로 알려준다.