1. SpyNote v5.0 Android Remote Administration Tool
    النسخة تعمل من API 10 الى API 25 اضافات واصلاحات عديده
    خصائص البيلدر مهمه جدا في ثبات الاتصال قرائة الموضوع

عمل شريط تقدم [Prgoress Bar] بأستعمال [HTML & CSS]

الموضوع في 'لغة الأنماط القياسية css' بواسطة Mustafa Moshkela, بتاريخ ‏13 يوليو 2016.

كاتب الموضوع : Mustafa Moshkela المشاهدات : 164 الردود : 6 ‏13 يوليو 2016
  1. غير متصل

    Mustafa Moshkela
    DeveloPer Plus

    عضو منذ:
    ‏6 نوفمبر 2014
    عدد المشاركات:
    الإعجابات المتلقاة:
    11
    نقاط الجائزة:
    الوظيفة:
    طالب

    [​IMG]
    كيف الصحة اخوان :yum
    اتمنى تكونوا بصحة وعافية :blush:
    .: درس اليوم :.
    :neutral:
    :scream:عمل شريط تقدم [Prgoress Bar] بأستعمال [HTML & CSS] :scream:

    مثل هذا الي بالصورة :kissing_heart:

    [​IMG]
    :no_mouth: .:: لمشاهدة العمل ::. :no_mouth:

    :skull:http://w3courses.com/Progress.html :skull:

    :grinning: .:: لمشاهدة الدرس على اليوتيوب ::. :grinning:



    :joy:.:: كود الدرس للأطلاع عليه ::. :joy:

    كود HTML:
    <html>
    <head>
    <title>ProgressBar</title>
    <style>
    *{
      padding: 0;
      margin: 0;
    }
    body{
      background: #f9f9f9;
    }
    #ProgressBar{
      background: #404040;
      width: 960px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 60px;
      color:#fff;
      text-align: center;
    }
    #ProgressBar .Progress{
      background: #D43F3F;
      padding: 10px;
      width: 77%;
      position: relative;
    }
    #ProgressBar .Progress:after{
      content: "CSS";
      position: absolute;
      right: -35px;
      top:64px;
      background: #D43F3F;
      padding: 20px;
    }
    #ProgressBar .Progress:before{
      content: "";
      width: 0;
      height: 0;
      border:20px solid transparent;
      border-bottom: 20px solid #D43F3F;
      position: absolute;
      right: -20px;
      top:25px;
    }
    
    </style>
    </head>
    <body>
    <div id="ProgressBar">
    <div class="Progress">77%</div>
    </div>
    </body>
    </html>
    
    
    :sob:الى هنا ينتهي الموضوع :sob:

    :innocent: في امان الله :innocent:
     


    أعجب بهذه المشاركة Mira Mrmr
    جاري تحميل الصفحة...
  2. غير متصل

    جوني العراقي
    V • I • P

    عضو منذ:
    ‏10 يناير 2014
    عدد المشاركات:
    الإعجابات المتلقاة:
    47
    نقاط الجائزة:
    الوظيفة:
    حلاق
    الإقامة:

    وعليـــكم سلام ورحمة الله
    بارك الله بيك ياطيب شرح ممتاز ومتعوب علية بل توفيق ياطيب
     


    أعجب بهذه المشاركة Mustafa Moshkela
  3. غير متصل

    Mustafa Moshkela
    DeveloPer Plus

    عضو منذ:
    ‏6 نوفمبر 2014
    عدد المشاركات:
    الإعجابات المتلقاة:
    11
    نقاط الجائزة:
    الوظيفة:
    طالب

    نورتني حبيبي :heart_eyes:
     


  4. غير متصل

    Mira Mrmr .::|| زهره منتدى عراق تيم ||::.
    V • I • P

    عضو منذ:
    ‏9 يوليو 2015
    عدد المشاركات:
    الإعجابات المتلقاة:
    134
    نقاط الجائزة:
    الجنس:
    أنثى
    الإقامة:

    عاشت ايدك
     


    أعجب بهذه المشاركة Mustafa Moshkela
  5. غير متصل

    مسہہٰتہہٰر بٰٰرايہٰمر ᎿᎻᎬ ᏞᎥᏫᏁ
    موقوف لمخالفة الشروط

    عضو منذ:
    ‏1 فبراير 2016
    عدد المشاركات:
    الإعجابات المتلقاة:
    53
    نقاط الجائزة:
    الجنس:
    ذكر
    الوظيفة:
    طالب
    الإقامة:

    بارك الله بيك شرح متعوب عليه
    وفقك الله
     


    أعجب بهذه المشاركة Mustafa Moshkela
  6. غير متصل

    Mustafa Moshkela
    DeveloPer Plus

    عضو منذ:
    ‏6 نوفمبر 2014
    عدد المشاركات:
    الإعجابات المتلقاة:
    11
    نقاط الجائزة:
    الوظيفة:
    طالب

    شكرا وردة
     


  7. غير متصل

    Mustafa Moshkela
    DeveloPer Plus

    عضو منذ:
    ‏6 نوفمبر 2014
    عدد المشاركات:
    الإعجابات المتلقاة:
    11
    نقاط الجائزة:
    الوظيفة:
    طالب

    حبيبي الغالي تسلم :heart_eyes:
    نورتني :sun:
     


    أعجب بهذه المشاركة مسہہٰتہہٰر بٰٰرايہٰمر

مشاركة هذه الصفحة

جاري تحميل الصفحة...