[Refactoring] remove toolbar progress style and images
[platform/core/uifw/efl-theme-tizen.git] / themes / widgets / progressbar.edc
index e50eb32..f2c96a3 100644 (file)
          image: "progress_slider_bar.9.png" COMP;
       }
       parts {
+         part { name: "access";
+            type: RECT;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               color: 0 0 0 0;
+            }
+         }
          part { name: "elm.background.progressbar";
             type: RECT;
             mouse_events: 0;
          image: "00_progress_bar.png" COMP;
       }
       parts {
+         part { name: "access";
+            type: RECT;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               color: 0 0 0 0;
+            }
+         }
          part { name: "elm.padding.left";
             type: RECT;
             scale: 1;
                }
                image {
                   normal: "00_progress_bg.png";
-                  border: 17 17 0 0;
+                  border: PROGRESS_BG_IMAGE_BORDER_INC;
+                  border_scale: 1;
                }
             }
          }
                text.min: 1 1;
             }
          }
+         part {
+            name: "bar.image.left.padding";
+            type: RECT;
+            scale: 1;
+            description {
+               state: "default" 0.0;
+               visible: 0;
+               min: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
+               max: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
+               fixed: 1 0;
+               rel1.to: "elm.swallow.bar";
+               rel2 {
+                  relative: 0.0  1.0;
+                  to: "elm.swallow.bar";
+               }
+               align: 0.0 0.5;
+            }
+         }
+         part {
+            name: "bar.image.right.padding";
+            type: RECT;
+            scale: 1;
+            description {
+               state: "default" 0.0;
+               visible: 0;
+               min: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
+               max: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
+               fixed: 1 0;
+               rel1 {
+                  relative: 1.0  0.0;
+                  to: "elm.swallow.bar";
+               }
+               rel2.to: "elm.swallow.bar";
+               align: 1.0 0.5;
+            }
+         }
+         part { name: "drag.background";
+            mouse_events: 0;
+            type: RECT;
+            scale: 1;
+            clip_to: "elm.background.progressbar";
+            description {
+               state: "default" 0.0;
+               visible: 0;
+               rel1 {
+                  to_x: "bar.image.left.padding";
+                  to_y: "elm.swallow.bar";
+                  relative: 1.0 0.0;
+               }
+               rel2 {
+                  to_x: "bar.image.right.padding";
+                  to_y: "elm.swallow.bar";
+                  relative: 0.0 1.0;
+               }
+            }
+         }
          part { name: "elm.progress.progressbar";
             mouse_events: 0;
             scale: 1;
                min: 0 0;
                fixed: 1 1;
                rel1 {
-                  to: "elm.swallow.bar";
-                  relative: 0.0 0.0;
+                  to_x: "bar.image.left.padding";
+                  to_y: "elm.swallow.bar";
+                  relative: 1.0 0.0;
                }
                rel2 {
                   to_y: "elm.swallow.bar";
                }
                image {
                   normal: "00_progress_bar.png";
-                  border: 17 17 0 0;
+                  border: PROGRESS_BAR_IMAGE_BORDER_INC;
+                  border_scale: 1;
                }
             }
             description {
                   to_x: "elm.cur.progressbar";
                }
                rel2 {
-                  to: "elm.swallow.bar";
-                  relative: 1.0 1.0;
+                  to_y: "elm.swallow.bar";
+                  to_x: "bar.image.right.padding";
+                  relative: 1.0 0.0;
                }
             }
             description {
             mouse_events: 0;
             scale: 1;
             dragable {
-               confine: "background";
+               confine: "drag.background";
                x: 1 1 1;
                y: 0 0 0;
             }
                min: 0 28;
                fixed: 1 1;
                visible: 0;
-               rel1 {
-                  to: "background";
-                  relative: 0 0;
-               }
-               rel2.to: "background";
+               rel1.to: "drag.background";
+               rel2.to: "drag.background";
            }
          }
          part { name: "progress-rect";
          image: "00_progress_bar.png" COMP;
       }
       parts {
+         part { name: "access";
+            type: RECT;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               color: 0 0 0 0;
+            }
+         }
          part { name: "base";
             type: RECT;
             scale: 1;
                }
                image {
                   normal: "00_progress_bg.png";
-                  border: 17 17 0 0;
+                  border: PROGRESS_BG_IMAGE_BORDER_INC;
+                  border_scale: 1;
                }
             }
          }
                text.min: 1 1;
             }
          }
+         part {
+            name: "bar.image.left.padding";
+            type: RECT;
+            scale: 1;
+            description {
+               state: "default" 0.0;
+               visible: 0;
+               min: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
+               max: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
+               fixed: 1 0;
+               rel1.to: "elm.swallow.bar";
+               rel2 {
+                  relative: 0.0  1.0;
+                  to: "elm.swallow.bar";
+               }
+               align: 0.0 0.5;
+            }
+         }
+         part {
+            name: "bar.image.right.padding";
+            type: RECT;
+            scale: 1;
+            description {
+               state: "default" 0.0;
+               visible: 0;
+               min: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
+               max: PROGRESS_BAR_IMAGE_PADDING_SIZE_INC;
+               fixed: 1 0;
+               rel1 {
+                  relative: 1.0  0.0;
+                  to: "elm.swallow.bar";
+               }
+               rel2.to: "elm.swallow.bar";
+               align: 1.0 0.5;
+            }
+         }
+         part { name: "drag.background";
+            mouse_events: 0;
+            type: RECT;
+            scale: 1;
+            clip_to: "elm.background.progressbar";
+            description {
+               state: "default" 0.0;
+               visible: 0;
+               rel1 {
+                  to_x: "bar.image.left.padding";
+                  to_y: "elm.swallow.bar";
+                  relative: 1.0 0.0;
+               }
+               rel2 {
+                  to_x: "bar.image.right.padding";
+                  to_y: "elm.swallow.bar";
+                  relative: 0.0 1.0;
+               }
+            }
+         }
          part { name: "elm.progress.progressbar";
             mouse_events: 0;
             scale: 1;
                min: 0 0;
                fixed: 1 1;
                rel1 {
-                  to: "elm.swallow.bar";
-                  relative: 0.0 0.0;
+                  to_x: "bar.image.left.padding";
+                  to_y: "elm.swallow.bar";
+                  relative: 1.0 0.0;
                }
                rel2 {
                   to_y: "elm.swallow.bar";
                }
                image {
                   normal: "00_progress_bar.png";
-                  border: 17 17 0 0;
+                  border: PROGRESS_BAR_IMAGE_BORDER_INC;
+                  border_scale: 1;
                }
             }
             description {
                   to_x: "elm.cur.progressbar";
                }
                rel2 {
-                  to: "elm.swallow.bar";
-                  relative: 1.0 1.0;
+                  to_y: "elm.swallow.bar";
+                  to_x: "bar.image.right.padding";
+                  relative: 1.0 0.0;
                }
             }
             description {
             mouse_events: 0;
             scale: 1;
             dragable {
-               confine: "background";
+               confine: "drag.background";
                x: 1 1 1;
                y: 0 0 0;
             }
                min: 0 28;
                fixed: 1 1;
                visible: 0;
-               rel1 {
-                  to: "background";
-                  relative: 0 0;
-               }
-               rel2.to: "background";
+               rel1.to: "drag.background";
+               rel2.to: "drag.background";
             }
          }
          part { name: "progress-rect";
          image: "00_winset_list_progress_bar.png" COMP;
       }
       parts {
+         part { name: "access";
+            type: RECT;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               color: 0 0 0 0;
+            }
+         }
          part { name: "base";
             type: RECT;
             scale: 1;
          }
       }
    }
-   group { name: "elm/progressbar/horizontal/toolbar_progress";
+
+   group { name: "elm/progressbar/horizontal/pending_list";
       images {
-         image: "00_toolbar_progress_bg.png" COMP;
-         image: "00_toolbar_progress_bar.png" COMP;
+         image: "00_progress_pending_01_bg.png" COMP;
+         image: "00_progress_pending_02_bg.png" COMP;
       }
       parts {
-         part { name: "elm.padding.left";
+         part { name: "access";
             type: RECT;
-            scale: 1;
-            description {
-               state: "default" 0.0;
-               min: 0 0;
-               fixed: 1 0;
-               rel1 {
-                  relative: 0.0  0.0;
-                  offset: 0 0;
-                  }
-               rel2 {
-                  relative: 0.0  1.0;
-                  offset: 0 0;
-                  }
+            description { state: "default" 0.0;
+               fixed: 1 1;
                color: 0 0 0 0;
-               align: 0.0 0.0;
             }
          }
-         part { name: "elm.padding.right";
+         part { name: "elm.background.progressbar";
             type: RECT;
-            scale: 1;
-            description {
-               state: "default" 0.0;
-               min: 0 0;
-               fixed: 1 0;
-               rel1 {
-                  relative: 1.0  0.0;
-                  offset: 0 0;
-               }
-               rel2 {
-                  relative: 1.0  1.0;
-                  offset: 0 0;
-               }
-               color: 0 0 0 0;
-               align: 1.0 0.0;
-            }
-         }
-        part { name: "elm.background.progressbar";
             mouse_events: 0;
             scale: 1;
-            type: RECT;
             description {
                state: "default" 0.0;
                rel1 {
-                  to_x: "elm.padding.left";
-                  relative: 1.0 0.0;
+                  relative: 0.0 0.0;
                   offset: 0 0;
                }
                rel2 {
-                  to_x: "elm.padding.right";
-                  relative: 0.0 1.0;
-                  offset: 0 0;
+                  relative: 1.0 1.0;
                }
             }
          }
             scale: 1;
             type: SWALLOW;
             description {
-               min: 48 14;
-               max: 99999 14;
+               min: 1 PROGRESSBAR_LIST_PENDING_HEIGHT_INC;
+               max: 99999 PROGRESSBAR_LIST_PENDING_HEIGHT_INC;
                state: "default" 0.0;
                rel1 {
                   to: "elm.background.progressbar";
                }
             }
          }
-         part { name: "elm.swallow.content";
-            type: SWALLOW;
-            scale: 1;
-            description { state: "default" 0.0;
-               visible: 0;
-               align: 0.0 0.5;
-               rel1 {
-                  offset: 0 0;
-                  to_y: "elm.background.progressbar";
-               }
-               rel2 {
-                  offset: 0 -1;
-                  relative: 0.0 1.0;
-                  to_y: "elm.background.progressbar";
-               }
-            }
-            description { state: "visible" 0.0;
-               inherit: "default" 0.0;
-               visible: 1;
-               aspect: 1.0 1.0;
-               aspect_preference: VERTICAL;
-               rel2.offset: 4 -1;
-            }
-         }
-         part { name: "elm.text";
-            type: TEXT;
-            mouse_events: 0;
-            scale: 1;
-            description { state: "default" 0.0;
-               visible: 0;
-               fixed: 1 1;
-               align: 0.0 0.5;
-               rel1.to_x: "elm.swallow.content";
-               rel1.relative: 1.0 0.0;
-               rel1.offset: -1 4;
-               rel2.to_x: "elm.swallow.content";
-               rel2.relative: 1.0 1.0;
-               rel2.offset: -1 -5;
-               color: PROGRESSBAR_LIST_TITLE_PROGRESS_STYLE_STATUS_TEXT_COLOR_INC;
-               text {
-                  font: "Tizen:style=Roman";
-                  size: 10;
-                  min: 0 0;
-                  align: 0.0 0.5;
-                  text_class: "tizen";
-               }
-            }
-            description { state: "visible" 0.0;
-               inherit: "default" 0.0;
-               visible: 0;
-               text.min: 1 1;
-               rel1.offset: 0 4;
-               rel2.offset: 0 -5;
-            }
-         }
-         part { name: "background";
+         part { name: "elm.progress.progressbar";
             mouse_events: 0;
             scale: 1;
             clip_to: "elm.background.progressbar";
             description {
                state: "default" 0.0;
+               min: 0 0;
+               fixed: 1 1;
                rel1 {
                   to: "elm.swallow.bar";
                   relative: 0.0 0.0;
                   offset: -1 -1;
                }
                image {
-                  normal: "00_toolbar_progress_bg.png";
-                  border: 6 6 0 0;
-               }
-            }
-         }
-         part { name: "elm.text.status";
-            type: TEXT;
-            mouse_events: 0;
-            scale: 1;
-            description { state: "default" 0.0;
-               fixed: 1 1;
-               visible: 0;
-               rel1 {
-                  to: "background";
-                  relative: 0.5 0.5;
-               }
-               rel2 {
-                  to: "background";
-                  relative: 0.5 0.5;
-               }
-               text {
-                  font: "Tizen:style=Roman";
-                  size: 10;
-                  min: 0 0;
-                  align: 0.5 0.0;
-                  text_class: "tizen";
-               }
-               color: PROGRESSBAR_LIST_PROGRESS_STYLE_TEXT_COLOR_INC;
-            }
-            description { state: "show" 0.0;
-               inherit: "default" 0.0;
-               visible: 0;
-               text.min: 1 1;
-            }
-         }
-         part { name: "elm.progress.progressbar";
-            mouse_events: 0;
-            scale: 1;
-            clip_to: "elm.background.progressbar";
-            description {
-               state: "default" 0.0;
-               min: 0 0;
-               fixed: 1 1;
-               rel1 {
-                  to: "elm.swallow.bar";
-                  relative: 0.0 0.0;
-               }
-               rel2 {
-                  to_y: "elm.swallow.bar";
-                  to_x: "elm.cur.progressbar";
-                  offset: -1 -1;
-               }
-               image {
-                  normal: "00_toolbar_progress_bar.png";
-                  border: 6 6 0 0;
-               }
-            }
-            description {
-               state: "invert" 0.0;
-               inherit: "default" 0.0;
-               rel1 {
-                  to_y: "elm.swallow.bar";
-                  to_x: "elm.cur.progressbar";
-               }
-               rel2 {
-                  to: "elm.swallow.bar";
-                  relative: 1.0 1.0;
-               }
-            }
-            description {
-               state: "state_begin" 0.0;
-               inherit: "default" 0.0;
-               rel1 {
-                  to: "elm.swallow.bar";
-                  relative: 0.0 0.0;
-               }
-               rel2 {
-                  to: "elm.swallow.bar";
-                  relative: 0.1 1.0;
-               }
-            }
-            description {
-               state: "state_end" 0.0;
-               inherit: "default" 0.0;
-               rel1 {
-                  to: "elm.swallow.bar";
-                  relative: 0.9 0.0;
-               }
-               rel2 {
-                  to: "elm.swallow.bar";
-                  relative: 1.0 1.0;
-               }
-            }
-         }
-         part { name: "text-bar";
-            type: TEXT;
-            mouse_events: 0;
-            scale: 1;
-            clip_to: "progress-rect";
-            //effect: SOFT_SHADOW;
-            scale: 0;
-            description { state: "default" 0.0;
-               align: 0.0 0.0;
-               fixed: 1 1;
-               visible: 0;
-               rel1.to: "elm.text.status";
-               rel1.offset: -1 -1;
-               rel2.to: "elm.text.status";
-               text {
-                  text_source: "elm.text.status";
-                  font: "Tizen:style=Roman";
-                  size: 10;
-                  min: 0 0;
-                  align: 0.0 0.0;
-                  text_class: "tizen";
-               }
-               color: PROGRESSBAR_LIST_PROGRESS_STYLE_STATUS_TEXT_COLOR_INC;
-            }
-            description { state: "show" 0.0;
-               inherit: "default" 0.0;
-               visible: 0;
-               text.min: 1 1;
-            }
-         }
-         part { name: "elm.cur.progressbar";
-            mouse_events: 0;
-            scale: 1;
-            dragable {
-               confine: "background";
-               x: 1 1 1;
-               y: 0 0 0;
-            }
-            description { state: "default" 0.0;
-               min: 0 28;
-               fixed: 1 1;
-               visible: 0;
-               rel1 {
-                  to: "background";
-                  relative: 0 0;
-               }
-               rel2.to: "background";
-            }
-         }
-         part { name: "progress-rect";
-            mouse_events: 0;
-            scale: 1;
-            type: RECT;
-            description {
-               state: "default" 0.0;
-               rel1.to: "elm.progress.progressbar";
-               rel2.to: "elm.progress.progressbar";
-            }
-         }
-      }
-      programs {
-         program { name: "label_show";
-            signal: "elm,state,text,visible";
-            source: "elm";
-            action:  STATE_SET "visible" 0.0;
-            target: "elm.text";
-         }
-         program { name: "label_hide";
-            signal: "elm,state,text,hidden";
-            source: "elm";
-            action:  STATE_SET "default" 0.0;
-            target: "elm.text";
-         }
-         program { name: "icon_show";
-            signal: "elm,state,icon,visible";
-            source: "elm";
-            action:  STATE_SET "visible" 0.0;
-            target: "elm.swallow.content";
-         }
-         program { name: "icon_hide";
-            signal: "elm,state,icon,hidden";
-            source: "elm";
-            action:  STATE_SET "default" 0.0;
-            target: "elm.swallow.content";
-         }
-         program { name: "units_show";
-            signal: "elm,state,units,visible";
-            source: "elm";
-            action:  STATE_SET "show" 0.0;
-            target: "text-bar";
-            target: "elm.text.status";
-         }
-         program { name: "units_hide";
-            signal: "elm,state,units,hidden";
-            source: "elm";
-            action:  STATE_SET "default" 0.0;
-            target: "text-bar";
-            target: "elm.text.status";
-         }
-         program { name: "slide_to_end";
-            action:  STATE_SET "state_end" 0.0;
-            transition: LINEAR 0.5;
-            target: "elm.progress.progressbar";
-            after: "slide_to_begin";
-         }
-         program { name: "slide_to_begin";
-            signal: "elm,state,slide,begin";
-            action: STATE_SET "state_begin" 0.0;
-            target: "elm.progress.progressbar";
-            transition: LINEAR 0.5;
-            after: "slide_to_end";
-         }
-         program { name: "start_pulse";
-            signal: "elm,state,pulse,start";
-            source: "elm";
-            after: "slide_to_end";
-         }
-         program { name: "stop_pulse";
-            signal: "elm,state,pulse,stop";
-            source: "elm";
-            action: ACTION_STOP;
-            target: "slide_to_begin";
-            target: "slide_to_end";
-            target: "start_pulse";
-            after: "state_pulse";
-         }
-         program { name: "state_pulse";
-            signal: "elm,state,pulse";
-            source: "elm";
-            action: STATE_SET "state_begin" 0.0;
-            target: "elm.progress.progressbar";
-            after: "units_hide";
-         }
-         program { name: "state_fraction";
-            signal: "elm,state,fraction";
-            source: "elm";
-            action: ACTION_STOP;
-            target: "slide_to_begin";
-            target: "slide_to_end";
-            target: "start_pulse";
-            action: STATE_SET "default" 0.0;
-            target: "elm.progress.progressbar";
-         }
-         program { name: "set_invert_on";
-            signal: "elm,state,inverted,on";
-            source: "elm";
-            action:  STATE_SET "invert" 0.0;
-            target: "elm.progress.progressbar";
-         }
-         program { name: "set_invert_off";
-            signal: "elm,state,inverted,off";
-            source: "elm";
-            action:  STATE_SET "default" 0.0;
-            target: "elm.progress.progressbar";
-         }
-      }
-   }
-
-   group { name: "elm/progressbar/horizontal/pending_list";
-      images {
-         image: "00_progress_pending_01.png" COMP;
-         image: "00_progress_pending_02.png" COMP;
-      }
-      parts {
-         part { name: "elm.background.progressbar";
-            type: RECT;
-            mouse_events: 0;
-            scale: 1;
-            description {
-               state: "default" 0.0;
-               rel1 {
-                  relative: 0.0 0.0;
-                  offset: 0 0;
-               }
-               rel2 {
-                  relative: 1.0 1.0;
-               }
-            }
-         }
-         part { name: "elm.swallow.bar";
-            mouse_events: 0;
-            scale: 1;
-            type: SWALLOW;
-            description {
-               min: 1 PROGRESSBAR_LIST_PENDING_HEIGHT_INC;
-               max: 99999 PROGRESSBAR_LIST_PENDING_HEIGHT_INC;
-               state: "default" 0.0;
-               rel1 {
-                  to: "elm.background.progressbar";
-                  relative: 0.0 0.0;
-               }
-               rel2 {
-                  to: "elm.background.progressbar";
-                  relative: 1.0 1.0;
-               }
-            }
-         }
-         part { name: "elm.progress.progressbar";
-            mouse_events: 0;
-            scale: 1;
-            clip_to: "elm.background.progressbar";
-            description {
-               state: "default" 0.0;
-               min: 0 0;
-               fixed: 1 1;
-               rel1 {
-                  to: "elm.swallow.bar";
-                  relative: 0.0 0.0;
-               }
-               rel2 {
-                  to: "elm.swallow.bar";
-                  relative: 1.0 1.0;
-                  offset: -1 -1;
-               }
-               image {
-                  normal: "00_progress_pending_01.png";
-                  border: 0 0 0 0;
+                  normal: "00_progress_pending_01_bg.png";
+                  border: 0 0 0 0;
                }
             }
             description {
                state: "state_end" 0.0;
                inherit: "default" 0.0;
                image {
-                  normal: "00_progress_pending_02.png";
+                  normal: "00_progress_pending_02_bg.png";
                   border: 0 0 0 0;
                }
             }
          image: "progress_slider_bar01.9.png" COMP;
       }
       parts {
+         part { name: "access";
+            type: RECT;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               color: 0 0 0 0;
+            }
+         }
          part { name: "elm.padding.left";
             type: RECT;
             scale: 1;
          image: "progress_slider_bar02.9.png" COMP;
       }
       parts {
+         part { name: "access";
+            type: RECT;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               color: 0 0 0 0;
+            }
+         }
          part { name: "elm.padding.left";
             type: RECT;
             scale: 1;
       }
    }
 
-#define PROGRESS_LOAD_IMAGEG( param_num ) \
-   image: "00_winset_list_progress_"#param_num".png" COMP;
+#define PROCESS_IMAGE(COLOR, SIZE, NUM) \
+   image: ""COLOR"/"SIZE"/00_list_process_"NUM".png" COMP;
+
+#define PROCESS_IMAGES(COLOR, SIZE) \
+   images { \
+      PROCESS_IMAGE(COLOR, SIZE, 01) \
+      PROCESS_IMAGE(COLOR, SIZE, 02) \
+      PROCESS_IMAGE(COLOR, SIZE, 03) \
+      PROCESS_IMAGE(COLOR, SIZE, 04) \
+      PROCESS_IMAGE(COLOR, SIZE, 05) \
+      PROCESS_IMAGE(COLOR, SIZE, 06) \
+      PROCESS_IMAGE(COLOR, SIZE, 07) \
+      PROCESS_IMAGE(COLOR, SIZE, 08) \
+      PROCESS_IMAGE(COLOR, SIZE, 09) \
+      PROCESS_IMAGE(COLOR, SIZE, 10) \
+      PROCESS_IMAGE(COLOR, SIZE, 11) \
+      PROCESS_IMAGE(COLOR, SIZE, 12) \
+      PROCESS_IMAGE(COLOR, SIZE, 13) \
+      PROCESS_IMAGE(COLOR, SIZE, 14) \
+      PROCESS_IMAGE(COLOR, SIZE, 15) \
+      PROCESS_IMAGE(COLOR, SIZE, 16) \
+      PROCESS_IMAGE(COLOR, SIZE, 17) \
+      PROCESS_IMAGE(COLOR, SIZE, 18) \
+      PROCESS_IMAGE(COLOR, SIZE, 19) \
+      PROCESS_IMAGE(COLOR, SIZE, 20) \
+      PROCESS_IMAGE(COLOR, SIZE, 21) \
+      PROCESS_IMAGE(COLOR, SIZE, 22) \
+      PROCESS_IMAGE(COLOR, SIZE, 23) \
+      PROCESS_IMAGE(COLOR, SIZE, 24) \
+      PROCESS_IMAGE(COLOR, SIZE, 25) \
+      PROCESS_IMAGE(COLOR, SIZE, 26) \
+      PROCESS_IMAGE(COLOR, SIZE, 27) \
+      PROCESS_IMAGE(COLOR, SIZE, 28) \
+      PROCESS_IMAGE(COLOR, SIZE, 29) \
+      PROCESS_IMAGE(COLOR, SIZE, 30) \
+   }
 
-#define PROGRESS_BG_DESC( param_name, param_num ) \
-   description { state: "pulse" 0.#param_num; \
+#define PROGRESS_DESC(COLOR, SIZE, NUM ) \
+   description { state: "pulse" 0.#NUM; \
       inherit: "default" 0.0; \
       image { \
-         normal: "00_winset_"#param_name"_process_"#param_num".png"; \
+         normal: ""COLOR"/"SIZE"/00_list_process_"NUM".png"; \
       } \
    }
 
+#define PROCESS_DESCS(COLOR, SIZE, WIDTH, HEIGHT) \
+      description { \
+         state: "default" 0.0; \
+         min: WIDTH HEIGHT; \
+         max: WIDTH HEIGHT; \
+         aspect: 1.0 1.0; \
+         aspect_preference: BOTH; \
+         image { \
+            normal: ""COLOR"/"SIZE"/00_list_process_01.png"; \
+         } \
+      } \
+      description { state: "pulse" 0.0; \
+         inherit: "default" 0.0; \
+         image { \
+            normal: ""COLOR"/"SIZE"/00_list_process_01.png"; \
+         } \
+      } \
+      PROGRESS_DESC(COLOR, SIZE, 01 ) \
+      PROGRESS_DESC(COLOR, SIZE, 03 ) \
+      PROGRESS_DESC(COLOR, SIZE, 04 ) \
+      PROGRESS_DESC(COLOR, SIZE, 05 ) \
+      PROGRESS_DESC(COLOR, SIZE, 06 ) \
+      PROGRESS_DESC(COLOR, SIZE, 07 ) \
+      PROGRESS_DESC(COLOR, SIZE, 08 ) \
+      PROGRESS_DESC(COLOR, SIZE, 09 ) \
+      PROGRESS_DESC(COLOR, SIZE, 10 ) \
+      PROGRESS_DESC(COLOR, SIZE, 11 ) \
+      PROGRESS_DESC(COLOR, SIZE, 12 ) \
+      PROGRESS_DESC(COLOR, SIZE, 13 ) \
+      PROGRESS_DESC(COLOR, SIZE, 14 ) \
+      PROGRESS_DESC(COLOR, SIZE, 15 ) \
+      PROGRESS_DESC(COLOR, SIZE, 16 ) \
+      PROGRESS_DESC(COLOR, SIZE, 17 ) \
+      PROGRESS_DESC(COLOR, SIZE, 18 ) \
+      PROGRESS_DESC(COLOR, SIZE, 19 ) \
+      PROGRESS_DESC(COLOR, SIZE, 20 ) \
+      PROGRESS_DESC(COLOR, SIZE, 21 ) \
+      PROGRESS_DESC(COLOR, SIZE, 22 ) \
+      PROGRESS_DESC(COLOR, SIZE, 23 ) \
+      PROGRESS_DESC(COLOR, SIZE, 24 ) \
+      PROGRESS_DESC(COLOR, SIZE, 25 ) \
+      PROGRESS_DESC(COLOR, SIZE, 26 ) \
+      PROGRESS_DESC(COLOR, SIZE, 27 ) \
+      PROGRESS_DESC(COLOR, SIZE, 28 ) \
+      PROGRESS_DESC(COLOR, SIZE, 29 ) \
+      PROGRESS_DESC(COLOR, SIZE, 30 )
+
 #define   PROGRESSING_DELAY    0.07
 
    group { name: "elm/progressbar/horizontal/list_process";
-      images {
-         image: "00_winset_list_process_01.png" COMP;
-         image: "00_winset_list_process_02.png" COMP;
-         image: "00_winset_list_process_03.png" COMP;
-         image: "00_winset_list_process_04.png" COMP;
-         image: "00_winset_list_process_05.png" COMP;
-         image: "00_winset_list_process_06.png" COMP;
-         image: "00_winset_list_process_07.png" COMP;
-         image: "00_winset_list_process_08.png" COMP;
-         image: "00_winset_list_process_09.png" COMP;
-         image: "00_winset_list_process_10.png" COMP;
-         image: "00_winset_list_process_11.png" COMP;
-         image: "00_winset_list_process_12.png" COMP;
-         image: "00_winset_list_process_13.png" COMP;
-         image: "00_winset_list_process_14.png" COMP;
-         image: "00_winset_list_process_15.png" COMP;
-         image: "00_winset_list_process_16.png" COMP;
-         image: "00_winset_list_process_17.png" COMP;
-         image: "00_winset_list_process_18.png" COMP;
-         image: "00_winset_list_process_19.png" COMP;
-         image: "00_winset_list_process_20.png" COMP;
-         image: "00_winset_list_process_21.png" COMP;
-         image: "00_winset_list_process_22.png" COMP;
-         image: "00_winset_list_process_23.png" COMP;
-         image: "00_winset_list_process_24.png" COMP;
-         image: "00_winset_list_process_25.png" COMP;
-         image: "00_winset_list_process_26.png" COMP;
-         image: "00_winset_list_process_27.png" COMP;
-         image: "00_winset_list_process_28.png" COMP;
-         image: "00_winset_list_process_29.png" COMP;
-         image: "00_winset_list_process_30.png" COMP;
-      }
+      alias: "elm/progressbar/horizontal/process";
+      PROCESS_IMAGES("White", "63x63")
       parts {
+         part { name: "access";
+            type: RECT;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               color: 0 0 0 0;
+            }
+         }
          part { name: "elm.background.progressbar";
             mouse_events: 0;
             scale: 1;
             mouse_events: 0;
             scale: 1;
             clip_to: "elm.background.progressbar";
-            description {
-               state: "default" 0.0;
-               min: PROGRESSBAR_LIST_PROCESS_WIDTH_INC PROGRESSBAR_LIST_PROCESS_HEIGHT_INC;
-               max: PROGRESSBAR_LIST_PROCESS_WIDTH_INC PROGRESSBAR_LIST_PROCESS_HEIGHT_INC;
-               visible: 1;
-               aspect: 1.0 1.0;
-               aspect_preference: BOTH;
-               image {
-                  normal: "00_winset_list_process_01.png";
-               }
-            }
-            description { state: "pulse" 0.0;
-               inherit: "default" 0.0;
-               image {
-                  normal: "00_winset_list_process_01.png";
-               }
-            }
-            PROGRESS_BG_DESC( list, 01 )
-            PROGRESS_BG_DESC( list, 02 )
-            PROGRESS_BG_DESC( list, 03 )
-            PROGRESS_BG_DESC( list, 04 )
-            PROGRESS_BG_DESC( list, 05 )
-            PROGRESS_BG_DESC( list, 06 )
-            PROGRESS_BG_DESC( list, 07 )
-            PROGRESS_BG_DESC( list, 08 )
-            PROGRESS_BG_DESC( list, 09 )
-            PROGRESS_BG_DESC( list, 10 )
-            PROGRESS_BG_DESC( list, 11 )
-            PROGRESS_BG_DESC( list, 12 )
-            PROGRESS_BG_DESC( list, 13 )
-            PROGRESS_BG_DESC( list, 14 )
-            PROGRESS_BG_DESC( list, 15 )
-            PROGRESS_BG_DESC( list, 16 )
-            PROGRESS_BG_DESC( list, 17 )
-            PROGRESS_BG_DESC( list, 18 )
-            PROGRESS_BG_DESC( list, 19 )
-            PROGRESS_BG_DESC( list, 20 )
-            PROGRESS_BG_DESC( list, 21 )
-            PROGRESS_BG_DESC( list, 22 )
-            PROGRESS_BG_DESC( list, 23 )
-            PROGRESS_BG_DESC( list, 24 )
-            PROGRESS_BG_DESC( list, 25 )
-            PROGRESS_BG_DESC( list, 26 )
-            PROGRESS_BG_DESC( list, 27 )
-            PROGRESS_BG_DESC( list, 28 )
-            PROGRESS_BG_DESC( list, 29 )
-            PROGRESS_BG_DESC( list, 30 )
+            PROCESS_DESCS("White", "63x63", 63, 63)
          }
       }
       script {
       }
    }
 
-   group { name: "elm/progressbar/horizontal/list_process_small";
-      images {
-         image: "00_winset_list_process_01_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_02_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_03_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_04_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_05_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_06_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_07_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_08_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_09_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_10_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_11_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_12_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_13_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_14_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_15_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_16_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_17_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_18_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_19_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_20_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_21_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_22_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_23_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_24_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_25_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_26_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_27_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_28_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_29_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-         image: "00_winset_list_process_30_"PROGRESSBAR_LIST_PROCESS_SMALL_IMAGE".png" COMP;
-      }
+   group { name: "elm/progressbar/horizontal/process_medium";
+      PROCESS_IMAGES("White", "54x54")
       parts {
+         part { name: "access";
+            type: RECT;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               color: 0 0 0 0;
+            }
+         }
          part { name: "elm.background.progressbar";
             mouse_events: 0;
             scale: 1;
             mouse_events: 0;
             scale: 1;
             clip_to: "elm.background.progressbar";
-            description {
-               state: "default" 0.0;
-               min: PROGRESSBAR_LIST_PROCESS_SMALL_INC PROGRESSBAR_LIST_PROCESS_SMALL_INC;
-               max: PROGRESSBAR_LIST_PROCESS_SMALL_INC PROGRESSBAR_LIST_PROCESS_SMALL_INC;
-               visible: 1;
-               aspect: 1.0 1.0;
-               aspect_preference: BOTH;
-               image {
-                  normal: "00_winset_list_process_01.png";
-               }
-            }
-            description { state: "pulse" 0.0;
-               inherit: "default" 0.0;
-               image {
-                  normal: "00_winset_list_process_01.png";
-               }
-            }
-            PROGRESS_BG_DESC( list, 01 )
-            PROGRESS_BG_DESC( list, 02 )
-            PROGRESS_BG_DESC( list, 03 )
-            PROGRESS_BG_DESC( list, 04 )
-            PROGRESS_BG_DESC( list, 05 )
-            PROGRESS_BG_DESC( list, 06 )
-            PROGRESS_BG_DESC( list, 07 )
-            PROGRESS_BG_DESC( list, 08 )
-            PROGRESS_BG_DESC( list, 09 )
-            PROGRESS_BG_DESC( list, 10 )
-            PROGRESS_BG_DESC( list, 11 )
-            PROGRESS_BG_DESC( list, 12 )
-            PROGRESS_BG_DESC( list, 13 )
-            PROGRESS_BG_DESC( list, 14 )
-            PROGRESS_BG_DESC( list, 15 )
-            PROGRESS_BG_DESC( list, 16 )
-            PROGRESS_BG_DESC( list, 17 )
-            PROGRESS_BG_DESC( list, 18 )
-            PROGRESS_BG_DESC( list, 19 )
-            PROGRESS_BG_DESC( list, 20 )
-            PROGRESS_BG_DESC( list, 21 )
-            PROGRESS_BG_DESC( list, 22 )
-            PROGRESS_BG_DESC( list, 23 )
-            PROGRESS_BG_DESC( list, 24 )
-            PROGRESS_BG_DESC( list, 25 )
-            PROGRESS_BG_DESC( list, 26 )
-            PROGRESS_BG_DESC( list, 27 )
-            PROGRESS_BG_DESC( list, 28 )
-            PROGRESS_BG_DESC( list, 29 )
-            PROGRESS_BG_DESC( list, 30 )
+            PROCESS_DESCS("White", "54x54", 54, 54)
          }
       }
       script {
       }
    }
 
-   group { name: "elm/progressbar/horizontal/toolbar_process";
-      images {
-         image: "00_winset_toolbar_process_01.png" COMP;
-         image: "00_winset_toolbar_process_02.png" COMP;
-         image: "00_winset_toolbar_process_03.png" COMP;
-         image: "00_winset_toolbar_process_04.png" COMP;
-         image: "00_winset_toolbar_process_05.png" COMP;
-         image: "00_winset_toolbar_process_06.png" COMP;
-         image: "00_winset_toolbar_process_07.png" COMP;
-         image: "00_winset_toolbar_process_08.png" COMP;
-         image: "00_winset_toolbar_process_09.png" COMP;
-         image: "00_winset_toolbar_process_10.png" COMP;
-         image: "00_winset_toolbar_process_11.png" COMP;
-         image: "00_winset_toolbar_process_12.png" COMP;
-         image: "00_winset_toolbar_process_13.png" COMP;
-         image: "00_winset_toolbar_process_14.png" COMP;
-         image: "00_winset_toolbar_process_15.png" COMP;
-         image: "00_winset_toolbar_process_16.png" COMP;
-         image: "00_winset_toolbar_process_17.png" COMP;
-         image: "00_winset_toolbar_process_18.png" COMP;
-         image: "00_winset_toolbar_process_19.png" COMP;
-         image: "00_winset_toolbar_process_20.png" COMP;
-         image: "00_winset_toolbar_process_21.png" COMP;
-         image: "00_winset_toolbar_process_22.png" COMP;
-         image: "00_winset_toolbar_process_23.png" COMP;
-         image: "00_winset_toolbar_process_24.png" COMP;
-         image: "00_winset_toolbar_process_25.png" COMP;
-         image: "00_winset_toolbar_process_26.png" COMP;
-         image: "00_winset_toolbar_process_27.png" COMP;
-         image: "00_winset_toolbar_process_28.png" COMP;
-         image: "00_winset_toolbar_process_29.png" COMP;
-         image: "00_winset_toolbar_process_30.png" COMP;
-      }
+   group { name: "elm/progressbar/horizontal/list_process_small";
+      alias: "elm/progressbar/horizontal/process_small";
+      PROCESS_IMAGES("White", "36x36")
       parts {
+         part { name: "access";
+            type: RECT;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               color: 0 0 0 0;
+            }
+         }
          part { name: "elm.background.progressbar";
             mouse_events: 0;
             scale: 1;
             mouse_events: 0;
             scale: 1;
             clip_to: "elm.background.progressbar";
-            description {
-               state: "default" 0.0;
-               min: 32 32;
-               max: 32 32;
-               visible: 1;
-               aspect: 1.0 1.0;
-               aspect_preference: BOTH;
-               image {
-                  normal: "00_winset_toolbar_process_01.png";
-               }
-            }
-            description { state: "pulse" 0.0;
-               inherit: "default" 0.0;
-               image {
-                   normal: "00_winset_toolbar_process_01.png";
-               }
-            }
-            PROGRESS_BG_DESC( toolbar, 01 )
-            PROGRESS_BG_DESC( toolbar, 02 )
-            PROGRESS_BG_DESC( toolbar, 03 )
-            PROGRESS_BG_DESC( toolbar, 04 )
-            PROGRESS_BG_DESC( toolbar, 05 )
-            PROGRESS_BG_DESC( toolbar, 06 )
-            PROGRESS_BG_DESC( toolbar, 07 )
-            PROGRESS_BG_DESC( toolbar, 08 )
-            PROGRESS_BG_DESC( toolbar, 09 )
-            PROGRESS_BG_DESC( toolbar, 10 )
-            PROGRESS_BG_DESC( toolbar, 11 )
-            PROGRESS_BG_DESC( toolbar, 12 )
-            PROGRESS_BG_DESC( toolbar, 13 )
-            PROGRESS_BG_DESC( toolbar, 14 )
-            PROGRESS_BG_DESC( toolbar, 15 )
-            PROGRESS_BG_DESC( toolbar, 16 )
-            PROGRESS_BG_DESC( toolbar, 17 )
-            PROGRESS_BG_DESC( toolbar, 18 )
-            PROGRESS_BG_DESC( toolbar, 19 )
-            PROGRESS_BG_DESC( toolbar, 20 )
-            PROGRESS_BG_DESC( toolbar, 21 )
-            PROGRESS_BG_DESC( toolbar, 22 )
-            PROGRESS_BG_DESC( toolbar, 23 )
-            PROGRESS_BG_DESC( toolbar, 24 )
-            PROGRESS_BG_DESC( toolbar, 25 )
-            PROGRESS_BG_DESC( toolbar, 26 )
-            PROGRESS_BG_DESC( toolbar, 27 )
-            PROGRESS_BG_DESC( toolbar, 28 )
-            PROGRESS_BG_DESC( toolbar, 29 )
-            PROGRESS_BG_DESC( toolbar, 30 )
+            PROCESS_DESCS("White", "36x36", 36, 36)
          }
       }
       script {
                   state = 0.01;
                set_float(pulse_state, state);
             }
-            after: "delay";
+               after: "delay";
          }
          program { name: "delay";
             action: STATE_SET "pulse" 0.10;
          }
          program { name: "start_pulse";
             signal: "elm,state,pulse,start";
-            source: "elm";
-            script {
-               set_float(pulse_state, 0.0);
-            }
-            after: "continue_pulse";
-         }
-         program { name: "stop_pulse";
-            signal: "elm,state,pulse,stop";
-            source: "elm";
-            action: ACTION_STOP;
-            target: "continue_pulse";
-            target: "delay";
-            target: "start_pulse";
-            after: "init_pulse";
-         }
-         program { name: "init_pulse";
-            action: STATE_SET "default" 0.0;
-            target: "background";
-         }
-      }
-   }
-
-   group { name: "elm/progressbar/horizontal/UIActivityIndicatorStyleWhiteLarge";
-      images {
-         image: "progress_01.png" COMP;
-         image: "progress_02.png" COMP;
-         image: "progress_03.png" COMP;
-         image: "progress_04.png" COMP;
-         image: "progress_05.png" COMP;
-         image: "progress_06.png" COMP;
-         image: "progress_07.png" COMP;
-         image: "progress_08.png" COMP;
-         image: "progress_09.png" COMP;
-         image: "progress_10.png" COMP;
-         image: "progress_11.png" COMP;
-         image: "progress_12.png" COMP;
-      }
-      parts {
-         part { name: "elm.background.progressbar";
-            mouse_events: 0;
-            scale: 1;
-            type: RECT;
-            description {
-               state: "default" 0.0;
-            }
-         }
-         part { name: "elm.swallow.bar";
-            mouse_events: 0;
-            scale: 1;
-            type: SWALLOW;
-            description { state: "default" 0.0;
-               min: 0 0;
-               max: 0 0;
-               visible: 0;
-            }
-         }
-         part { name: "elm.swallow.content";
-            type: SWALLOW;
-            scale: 1;
-            description { state: "default" 0.0;
-               min: 0 0;
-               max: 0 0;
-               visible: 0;
-            }
-         }
-         part { name: "background";
-            mouse_events: 0;
-            scale: 1;
-            clip_to: "elm.background.progressbar";
-            description {
-               state: "default" 0.0;
-               min: 60 60;
-               max: 60 60;
-               visible: 1;
-               aspect: 1.0 1.0;
-               aspect_preference: BOTH;
-               image {
-                  normal: "progress_01.png";
-               }
-            }
-            description {
-               state: "pulse" 0.0;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_01.png";
-               }
-            }
-            description {
-               state: "pulse" 0.01;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_01.png";
-               }
-            }
-            description {
-               state: "pulse" 0.02;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_02.png";
-               }
-            }
-            description {
-               state: "pulse" 0.03;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_03.png";
-               }
-            }
-            description {
-               state: "pulse" 0.04;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_04.png";
-               }
-            }
-            description {
-               state: "pulse" 0.05;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_05.png";
-               }
-            }
-            description {
-               state: "pulse" 0.06;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_06.png";
-               }
-            }
-            description {
-               state: "pulse" 0.07;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_07.png";
-               }
-            }
-            description {
-               state: "pulse" 0.08;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_08.png";
-               }
+            source: "elm";
+            script {
+               set_float(pulse_state, 0.0);
             }
-            description {
-               state: "pulse" 0.09;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_09.png";
-               }
+            after: "continue_pulse";
+         }
+         program { name: "stop_pulse";
+            signal: "elm,state,pulse,stop";
+            source: "elm";
+            action: ACTION_STOP;
+            target: "continue_pulse";
+            target: "delay";
+            target: "start_pulse";
+            after: "init_pulse";
+         }
+         program { name: "init_pulse";
+            action: STATE_SET "default" 0.0;
+            target: "background";
+         }
+      }
+   }
+
+// Black progressbar
+   group { name: "elm/progressbar/horizontal/list_process_black";
+      alias: "elm/progressbar/horizontal/process_black";
+      PROCESS_IMAGES("Black", "63x63")
+      parts {
+         part { name: "access";
+            type: RECT;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               color: 0 0 0 0;
             }
+         }
+         part { name: "elm.background.progressbar";
+            mouse_events: 0;
+            scale: 1;
+            type: RECT;
             description {
-               state: "pulse" 0.10;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_10.png";
-               }
+               state: "default" 0.0;
             }
-            description {
-               state: "pulse" 0.11;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_11.png";
-               }
+         }
+         part { name: "elm.swallow.bar";
+            mouse_events: 0;
+            scale: 1;
+            type: SWALLOW;
+            description { state: "default" 0.0;
+               min: 0 0;
+               max: 0 0;
+               visible: 0;
             }
-            description {
-               state: "pulse" 0.12;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_12.png";
-               }
+         }
+         part { name: "elm.swallow.content";
+            type: SWALLOW;
+            scale: 1;
+            description { state: "default" 0.0;
+               min: 0 0;
+               max: 0 0;
+               visible: 0;
             }
          }
+         part { name: "background";
+            mouse_events: 0;
+            scale: 1;
+            clip_to: "elm.background.progressbar";
+            PROCESS_DESCS("Black", "63x63", 63, 63)
+         }
       }
       script {
          public pulse_state;
                state = get_float(pulse_state);
                set_state(PART:"background", "pulse", state);
                state += 0.01;
-               if( state > 0.12 )
+               if( state > 0.30 )
                   state = 0.01;
                set_float(pulse_state, state);
             }
-            after: "delay";
+               after: "delay";
          }
          program { name: "delay";
-             action: STATE_SET "pulse" 0.10;
-             target: "background";
-             in: PROGRESSING_DELAY 0.0;
-             after: "continue_pulse";
+            action: STATE_SET "pulse" 0.10;
+            target: "background";
+            in: PROGRESSING_DELAY 0.0;
+            after: "continue_pulse";
          }
          program { name: "start_pulse";
             signal: "elm,state,pulse,start";
       }
    }
 
-   group { name: "elm/progressbar/horizontal/UIActivityIndicatorStyleWhite";
-      images {
-         image: "progress_01_s.png" COMP;
-         image: "progress_02_s.png" COMP;
-         image: "progress_03_s.png" COMP;
-         image: "progress_04_s.png" COMP;
-         image: "progress_05_s.png" COMP;
-         image: "progress_06_s.png" COMP;
-         image: "progress_07_s.png" COMP;
-         image: "progress_08_s.png" COMP;
-         image: "progress_09_s.png" COMP;
-         image: "progress_10_s.png" COMP;
-         image: "progress_11_s.png" COMP;
-         image: "progress_12_s.png" COMP;
-      }
+   group { name: "elm/progressbar/horizontal/process_medium_black";
+      PROCESS_IMAGES("Black", "54x54")
       parts {
+         part { name: "access";
+            type: RECT;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               color: 0 0 0 0;
+            }
+         }
          part { name: "elm.background.progressbar";
             mouse_events: 0;
             scale: 1;
             mouse_events: 0;
             scale: 1;
             clip_to: "elm.background.progressbar";
-            description {
-               state: "default" 0.0;
-               min: 30 30;
-               max: 30 30;
-               visible: 1;
-               aspect: 1.0 1.0;
-               aspect_preference: BOTH;
-               image {
-                  normal: "progress_01_s.png";
-               }
-            }
-            description {
-               state: "pulse" 0.0;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_01_s.png";
-               }
-            }
-            description {
-               state: "pulse" 0.01;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_01_s.png";
-               }
-            }
-            description {
-               state: "pulse" 0.02;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_02_s.png";
-               }
-            }
-            description {
-               state: "pulse" 0.03;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_03_s.png";
-               }
-            }
-            description {
-               state: "pulse" 0.04;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_04_s.png";
-               }
-            }
-            description {
-               state: "pulse" 0.05;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_05_s.png";
-               }
-            }
-            description {
-               state: "pulse" 0.06;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_06_s.png";
-               }
-            }
-            description {
-               state: "pulse" 0.07;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_07_s.png";
-               }
-            }
-            description {
-               state: "pulse" 0.08;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_08_s.png";
-               }
-            }
-            description {
-               state: "pulse" 0.09;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_09_s.png";
-               }
-            }
-            description {
-               state: "pulse" 0.10;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_10_s.png";
-               }
-            }
-            description {
-               state: "pulse" 0.11;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_11_s.png";
-               }
-            }
-            description {
-               state: "pulse" 0.12;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_12_s.png";
-               }
-            }
+            PROCESS_DESCS("Black", "54x54", 54, 54)
          }
       }
       script {
                state = get_float(pulse_state);
                set_state(PART:"background", "pulse", state);
                state += 0.01;
-               if( state > 0.12 )
+               if( state > 0.30 )
                   state = 0.01;
                set_float(pulse_state, state);
             }
-            after: "delay";
+               after: "delay";
          }
          program { name: "delay";
             action: STATE_SET "pulse" 0.10;
                set_float(pulse_state, 0.0);
             }
             after: "continue_pulse";
-           }
+         }
          program { name: "stop_pulse";
             signal: "elm,state,pulse,stop";
             source: "elm";
       }
    }
 
-   group { name: "elm/progressbar/horizontal/UIActivityIndicatorStyleGray";
-      images {
-         image: "progress_01_g.png" COMP;
-         image: "progress_02_g.png" COMP;
-         image: "progress_03_g.png" COMP;
-         image: "progress_04_g.png" COMP;
-         image: "progress_05_g.png" COMP;
-         image: "progress_06_g.png" COMP;
-         image: "progress_07_g.png" COMP;
-         image: "progress_08_g.png" COMP;
-         image: "progress_09_g.png" COMP;
-         image: "progress_10_g.png" COMP;
-         image: "progress_11_g.png" COMP;
-         image: "progress_12_g.png" COMP;
-      }
+   group { name: "elm/progressbar/horizontal/list_process_small_black";
+      alias: "elm/progressbar/horizontal/process_small_black";
+      PROCESS_IMAGES("Black", "36x36")
       parts {
+         part { name: "access";
+            type: RECT;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               color: 0 0 0 0;
+            }
+         }
          part { name: "elm.background.progressbar";
             mouse_events: 0;
             scale: 1;
             mouse_events: 0;
             scale: 1;
             clip_to: "elm.background.progressbar";
-            description {
-               state: "default" 0.0;
-               min: 30 30;
-               max: 30 30;
-               visible: 1;
-               aspect: 1.0 1.0;
-               aspect_preference: BOTH;
-               image {
-                  normal: "progress_01_g.png";
-               }
-            }
-            description {
-               state: "pulse" 0.0;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_01_g.png";
-               }
-            }
-            description {
-               state: "pulse" 0.01;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_01_g.png";
-               }
-            }
-            description {
-               state: "pulse" 0.02;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_02_g.png";
-               }
-            }
-            description {
-               state: "pulse" 0.03;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_03_g.png";
-               }
-            }
-            description {
-               state: "pulse" 0.04;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_04_g.png";
-               }
-            }
-            description {
-               state: "pulse" 0.05;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_05_g.png";
-               }
-            }
-            description {
-               state: "pulse" 0.06;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_06_g.png";
-               }
-            }
-            description {
-               state: "pulse" 0.07;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_07_g.png";
-               }
-            }
-            description {
-               state: "pulse" 0.08;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_08_g.png";
-               }
-            }
-            description {
-               state: "pulse" 0.09;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_09_g.png";
-               }
-            }
-            description {
-               state: "pulse" 0.10;
-               inherit: "default" 0.0;
-               image {
-                   normal: "progress_10_g.png";
-               }
-            }
-            description {
-               state: "pulse" 0.11;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_11_g.png";
-               }
-            }
-            description {
-               state: "pulse" 0.12;
-               inherit: "default" 0.0;
-               image {
-                  normal: "progress_12_g.png";
-               }
-            }
+            PROCESS_DESCS("Black", "36x36", 36, 36)
          }
       }
       script {
                state = get_float(pulse_state);
                set_state(PART:"background", "pulse", state);
                state += 0.01;
-               if( state > 0.12 )
+               if( state > 0.30 )
                   state = 0.01;
                set_float(pulse_state, state);
             }
-            after: "delay";
+               after: "delay";
          }
          program { name: "delay";
             action: STATE_SET "pulse" 0.10;
          image: "00_progress_circle_bg_50.png" COMP;
       }
       parts {
+         part { name: "access";
+            type: RECT;
+            description { state: "default" 0.0;
+               fixed: 1 1;
+               color: 0 0 0 0;
+            }
+         }
          part { name: "elm.background.progressbar";
             mouse_events: 0;
             scale: 1;