[Refactoring] remove toolbar progress style and images
[platform/core/uifw/efl-theme-tizen.git] / themes / widgets / progressbar.edc
index 744b150..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: "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: "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_progress_pending_01_bg.png" COMP;
+         image: "00_progress_pending_02_bg.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;
+            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_bg.png";
+                  border: 0 0 0 0;
+               }
+            }
+            description {
+               state: "state_begin" 0.0;
+               inherit: "default" 0.0;
+            }
+            description {
+               state: "state_end" 0.0;
+               inherit: "default" 0.0;
+               image {
+                  normal: "00_progress_pending_02_bg.png";
+                  border: 0 0 0 0;
+               }
+            }
+         }
+      }
+      programs {
+         program { name: "slide_to_end";
+            action:  STATE_SET "state_end" 0.0;
+            in: 0.3 0.0;
+            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";
+            in: 0.3 0.0;
+            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: "init_pulse";
+         }
+         program { name: "init_pulse";
+            action: STATE_SET "default" 0.0;
+            target: "elm.progress.progressbar";
+         }
+      }
+   }
+
+   group { name: "elm/progressbar/horizontal/UIProgressViewStyleDefault";
       images {
-         image: "00_toolbar_progress_bg.png" COMP;
-         image: "00_toolbar_progress_bar.png" COMP;
+         image: "progress_slider_bg01.9.png" COMP;
+         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;
             description {
                state: "default" 0.0;
+               //min: 25 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;
-                  }
+               }
                color: 0 0 0 0;
                align: 0.0 0.0;
             }
             scale: 1;
             description {
                state: "default" 0.0;
+               //min: 25 0;
                min: 0 0;
                fixed: 1 0;
                rel1 {
                   relative: 1.0  0.0;
-                  offset: 0 0;
+                   offset: 0 0;
                }
                rel2 {
                   relative: 1.0  1.0;
                align: 1.0 0.0;
             }
          }
-        part { name: "elm.background.progressbar";
+         part { name: "elm.background.progressbar";
             mouse_events: 0;
             scale: 1;
             type: RECT;
                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;
+               color: PROGRESSBAR_LIST_PROGRESS_STYLE_TEXT_COLOR_INC;
                text {
                   font: "Tizen:style=Roman";
                   size: 10;
                   offset: -1 -1;
                }
                image {
-                  normal: "00_toolbar_progress_bg.png";
+                  normal: "progress_slider_bg01.9.png";
                   border: 6 6 0 0;
                }
             }
                   offset: -1 -1;
                }
                image {
-                  normal: "00_toolbar_progress_bar.png";
+                  normal: "progress_slider_bar01.9.png";
                   border: 6 6 0 0;
                }
             }
                   relative: 0 0;
                }
                rel2.to: "background";
-            }
+           }
          }
          part { name: "progress-rect";
             mouse_events: 0;
       }
    }
 
-   group { name: "elm/progressbar/horizontal/pending_list";
+   group { name: "elm/progressbar/horizontal/UIProgressViewStyleBar";
       images {
-         image: "00_progress_pending_01_bg.png" COMP;
-         image: "00_progress_pending_02_bg.png" COMP;
+         image: "progress_slider_bg02.9.png" COMP;
+         image: "progress_slider_bar02.9.png" COMP;
       }
       parts {
-         part { name: "elm.background.progressbar";
+         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;
+            description {
+               state: "default" 0.0;
+               //min: 25 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;
+               }
+               color: 0 0 0 0;
+               align: 0.0 0.0;
+            }
+         }
+         part { name: "elm.padding.right";
             type: RECT;
+            scale: 1;
+            description {
+               state: "default" 0.0;
+               //min: 25 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 {
-                  relative: 0.0 0.0;
+                  to_x: "elm.padding.left";
+                  relative: 1.0 0.0;
                   offset: 0 0;
                }
                rel2 {
-                  relative: 1.0 1.0;
+                  to_x: "elm.padding.right";
+                  relative: 0.0 1.0;
+                  offset: 0 0;
                }
             }
          }
             scale: 1;
             type: SWALLOW;
             description {
-               min: 1 PROGRESSBAR_LIST_PENDING_HEIGHT_INC;
-               max: 99999 PROGRESSBAR_LIST_PENDING_HEIGHT_INC;
+               min: 48 14;
+               max: 99999 14;
                state: "default" 0.0;
                rel1 {
                   to: "elm.background.progressbar";
                }
             }
          }
-         part { name: "elm.progress.progressbar";
-            mouse_events: 0;
+         part { name: "elm.swallow.content";
+            type: SWALLOW;
             scale: 1;
-            clip_to: "elm.background.progressbar";
-            description {
-               state: "default" 0.0;
-               min: 0 0;
-               fixed: 1 1;
+            description { state: "default" 0.0;
+               visible: 0;
+               align: 0.0 0.5;
                rel1 {
-                  to: "elm.swallow.bar";
-                  relative: 0.0 0.0;
+                  offset: 0 0;
+                  to_y: "elm.background.progressbar";
                }
                rel2 {
-                  to: "elm.swallow.bar";
-                  relative: 1.0 1.0;
-                  offset: -1 -1;
-               }
-               image {
-                  normal: "00_progress_pending_01_bg.png";
-                  border: 0 0 0 0;
+                  offset: 0 -1;
+                  relative: 0.0 1.0;
+                  to_y: "elm.background.progressbar";
                }
             }
-            description {
-               state: "state_begin" 0.0;
-               inherit: "default" 0.0;
-            }
-            description {
-               state: "state_end" 0.0;
-               inherit: "default" 0.0;
-               image {
-                  normal: "00_progress_pending_02_bg.png";
-                  border: 0 0 0 0;
-               }
-            }
-         }
-      }
-      programs {
-         program { name: "slide_to_end";
-            action:  STATE_SET "state_end" 0.0;
-            in: 0.3 0.0;
-            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";
-            in: 0.3 0.0;
-            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: "init_pulse";
-         }
-         program { name: "init_pulse";
-            action: STATE_SET "default" 0.0;
-            target: "elm.progress.progressbar";
-         }
-      }
-   }
-
-   group { name: "elm/progressbar/horizontal/UIProgressViewStyleDefault";
-      images {
-         image: "progress_slider_bg01.9.png" COMP;
-         image: "progress_slider_bar01.9.png" COMP;
-      }
-      parts {
-         part { name: "elm.padding.left";
-            type: RECT;
-            scale: 1;
-            description {
-               state: "default" 0.0;
-               //min: 25 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;
-               }
-               color: 0 0 0 0;
-               align: 0.0 0.0;
-            }
-         }
-         part { name: "elm.padding.right";
-            type: RECT;
-            scale: 1;
-            description {
-               state: "default" 0.0;
-               //min: 25 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;
-                  offset: 0 0;
-               }
-               rel2 {
-                  to_x: "elm.padding.right";
-                  relative: 0.0 1.0;
-                  offset: 0 0;
-               }
-            }
-         }
-         part { name: "elm.swallow.bar";
-            mouse_events: 0;
-            scale: 1;
-            type: SWALLOW;
-            description {
-               min: 48 14;
-               max: 99999 14;
-               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.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;
+            description { state: "visible" 0.0;
                inherit: "default" 0.0;
                visible: 1;
                aspect: 1.0 1.0;
                   offset: -1 -1;
                }
                image {
-                  normal: "progress_slider_bg01.9.png";
+                  normal: "progress_slider_bg02.9.png";
                   border: 6 6 0 0;
                }
             }
                   offset: -1 -1;
                }
                image {
-                  normal: "progress_slider_bar01.9.png";
+                  normal: "progress_slider_bar02.9.png";
                   border: 6 6 0 0;
                }
             }
       }
    }
 
-   group { name: "elm/progressbar/horizontal/UIProgressViewStyleBar";
-      images {
-         image: "progress_slider_bg02.9.png" COMP;
-         image: "progress_slider_bar02.9.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_DESC(COLOR, SIZE, NUM ) \
+   description { state: "pulse" 0.#NUM; \
+      inherit: "default" 0.0; \
+      image { \
+         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";
+      alias: "elm/progressbar/horizontal/process";
+      PROCESS_IMAGES("White", "63x63")
       parts {
-         part { name: "elm.padding.left";
-            type: RECT;
-            scale: 1;
-            description {
-               state: "default" 0.0;
-               //min: 25 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;
-               }
-               color: 0 0 0 0;
-               align: 0.0 0.0;
-            }
-         }
-         part { name: "elm.padding.right";
+         part { name: "access";
             type: RECT;
-            scale: 1;
-            description {
-               state: "default" 0.0;
-               //min: 25 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;
-               }
+            description { state: "default" 0.0;
+               fixed: 1 1;
                color: 0 0 0 0;
-               align: 1.0 0.0;
             }
          }
          part { name: "elm.background.progressbar";
             type: RECT;
             description {
                state: "default" 0.0;
-               rel1 {
-                  to_x: "elm.padding.left";
-                  relative: 1.0 0.0;
-                  offset: 0 0;
-               }
-               rel2 {
-                  to_x: "elm.padding.right";
-                  relative: 0.0 1.0;
-                  offset: 0 0;
-               }
             }
          }
          part { name: "elm.swallow.bar";
             mouse_events: 0;
             scale: 1;
             type: SWALLOW;
-            description {
-               min: 48 14;
-               max: 99999 14;
-               state: "default" 0.0;
-               rel1 {
-                  to: "elm.background.progressbar";
-                  relative: 0.0 0.0;
-               }
-               rel2 {
-                  to: "elm.background.progressbar";
-                  relative: 1.0 1.0;
-               }
+            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;
-               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_PROGRESS_STYLE_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";
             mouse_events: 0;
             scale: 1;
             clip_to: "elm.background.progressbar";
-            description {
-               state: "default" 0.0;
-               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: "progress_slider_bg02.9.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: "progress_slider_bar02.9.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";
-         }
-      }
-   }
-
-#define PROCESS_IMAGE(SIZE, NUM) \
-   image: "process/white/"SIZE"/00_list_process_"NUM".png" COMP;
-
-#define PROCESS_IMAGES(SIZE) \
-   images { \
-      PROCESS_IMAGE(SIZE, 01) \
-      PROCESS_IMAGE(SIZE, 02) \
-      PROCESS_IMAGE(SIZE, 03) \
-      PROCESS_IMAGE(SIZE, 04) \
-      PROCESS_IMAGE(SIZE, 05) \
-      PROCESS_IMAGE(SIZE, 06) \
-      PROCESS_IMAGE(SIZE, 07) \
-      PROCESS_IMAGE(SIZE, 08) \
-      PROCESS_IMAGE(SIZE, 09) \
-      PROCESS_IMAGE(SIZE, 10) \
-      PROCESS_IMAGE(SIZE, 11) \
-      PROCESS_IMAGE(SIZE, 12) \
-      PROCESS_IMAGE(SIZE, 13) \
-      PROCESS_IMAGE(SIZE, 14) \
-      PROCESS_IMAGE(SIZE, 15) \
-      PROCESS_IMAGE(SIZE, 16) \
-      PROCESS_IMAGE(SIZE, 17) \
-      PROCESS_IMAGE(SIZE, 18) \
-      PROCESS_IMAGE(SIZE, 19) \
-      PROCESS_IMAGE(SIZE, 20) \
-      PROCESS_IMAGE(SIZE, 21) \
-      PROCESS_IMAGE(SIZE, 22) \
-      PROCESS_IMAGE(SIZE, 23) \
-      PROCESS_IMAGE(SIZE, 24) \
-      PROCESS_IMAGE(SIZE, 25) \
-      PROCESS_IMAGE(SIZE, 26) \
-      PROCESS_IMAGE(SIZE, 27) \
-      PROCESS_IMAGE(SIZE, 28) \
-      PROCESS_IMAGE(SIZE, 29) \
-      PROCESS_IMAGE(SIZE, 30) \
-   }
-
-#define PROGRESS_DESC(SIZE, NUM ) \
-   description { state: "pulse" 0.#NUM; \
-      inherit: "default" 0.0; \
-      image { \
-         normal: "process/white/"SIZE"/00_list_process_"NUM".png"; \
-      } \
-   }
-
-#define PROCESS_DESCS(SIZE, WIDTH, HEIGHT) \
-      description { \
-         state: "default" 0.0; \
-         min: WIDTH HEIGHT; \
-         max: WIDTH HEIGHT; \
-         aspect: 1.0 1.0; \
-         aspect_preference: BOTH; \
-         image { \
-            normal: "process/white/"SIZE"/00_list_process_01.png"; \
-         } \
-      } \
-      description { state: "pulse" 0.0; \
-         inherit: "default" 0.0; \
-         image { \
-            normal: "process/white/"SIZE"/00_list_process_01.png"; \
-         } \
-      } \
-      PROGRESS_DESC(SIZE, 01 ) \
-      PROGRESS_DESC(SIZE, 03 ) \
-      PROGRESS_DESC(SIZE, 04 ) \
-      PROGRESS_DESC(SIZE, 05 ) \
-      PROGRESS_DESC(SIZE, 06 ) \
-      PROGRESS_DESC(SIZE, 07 ) \
-      PROGRESS_DESC(SIZE, 08 ) \
-      PROGRESS_DESC(SIZE, 09 ) \
-      PROGRESS_DESC(SIZE, 10 ) \
-      PROGRESS_DESC(SIZE, 11 ) \
-      PROGRESS_DESC(SIZE, 12 ) \
-      PROGRESS_DESC(SIZE, 13 ) \
-      PROGRESS_DESC(SIZE, 14 ) \
-      PROGRESS_DESC(SIZE, 15 ) \
-      PROGRESS_DESC(SIZE, 16 ) \
-      PROGRESS_DESC(SIZE, 17 ) \
-      PROGRESS_DESC(SIZE, 18 ) \
-      PROGRESS_DESC(SIZE, 19 ) \
-      PROGRESS_DESC(SIZE, 20 ) \
-      PROGRESS_DESC(SIZE, 21 ) \
-      PROGRESS_DESC(SIZE, 22 ) \
-      PROGRESS_DESC(SIZE, 23 ) \
-      PROGRESS_DESC(SIZE, 24 ) \
-      PROGRESS_DESC(SIZE, 25 ) \
-      PROGRESS_DESC(SIZE, 26 ) \
-      PROGRESS_DESC(SIZE, 27 ) \
-      PROGRESS_DESC(SIZE, 28 ) \
-      PROGRESS_DESC(SIZE, 29 ) \
-      PROGRESS_DESC(SIZE, 30 )
-
-#define   PROGRESSING_DELAY    0.07
-
-   group { name: "elm/progressbar/horizontal/list_process";
-      alias: "elm/progressbar/horizontal/process";
-      PROCESS_IMAGES("63x63")
-      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";
-            PROCESS_DESCS("63x63", 63, 63)
+            PROCESS_DESCS("White", "63x63", 63, 63)
          }
       }
       script {
    }
 
    group { name: "elm/progressbar/horizontal/process_medium";
-      PROCESS_IMAGES("54x54")
+      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";
-            PROCESS_DESCS("54x54", 54, 54)
+            PROCESS_DESCS("White", "54x54", 54, 54)
          }
       }
       script {
 
    group { name: "elm/progressbar/horizontal/list_process_small";
       alias: "elm/progressbar/horizontal/process_small";
-      PROCESS_IMAGES("36x36")
+      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";
-            PROCESS_DESCS("36x36", 36, 36)
+            PROCESS_DESCS("White", "36x36", 36, 36)
          }
       }
       script {
          }
          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;